Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">not_synced_bold</i>
SVG sprite
Use for static sites when you only need a few icons.
<svg class="mi" width="1em" height="1em" fill="currentColor">
<use xlink:href="/modus-solid-icons.svg#not-synced-bold" />
</svg>
SVG code
Use when you don't want any dependency.
info_outlined
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="mi-solid mi-not-synced-bold" viewBox="0 0 24 24">
<path d="M10.78 8.51c.29.28.72.36 1.1.2s.61-.51.61-.92V6.52a5.503 5.503 0 0 1 4.6 7.54c-.22.54-.09 1.16.34 1.59.28.29.67.44 1.06.44.1 0 .2 0 .3-.03.5-.1.91-.44 1.1-.91.4-.99.61-2.05.61-3.14 0-4.52-3.54-8.23-8-8.49v-1.3a1 1 0 0 0-.62-.93 1 1 0 0 0-1.08.22L8 4.3a.99.99 0 0 0 0 1.42l2.8 2.8ZM4.06 4.5c-.58-.58-1.54-.58-2.12 0s-.58 1.54 0 2.12L4.12 8.8l-.03.06c-.4.99-.61 2.05-.61 3.14 0 4.52 3.54 8.23 8 8.49v1.3a1 1 0 0 0 .62.93c.12.05.25.07.37.07.26 0 .52-.1.71-.3l2.31-2.31 1.88 1.88c.57.57 1.55.57 2.12 0s.58-1.54 0-2.12zm7.43 11.71v1.27c-2.8-.25-5-2.61-5-5.48 0-.25.02-.5.06-.77l4.94 4.94z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.