Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">sync_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-outlined-icons.svg#sync-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-outline mi-sync-bold" viewBox="0 0 24 24">
<path d="M13.19 15.5a.965.965 0 0 0-1.08-.21 1 1 0 0 0-.62.93v1.27a5.503 5.503 0 0 1-4.6-7.54c.22-.54.09-1.16-.34-1.59-.36-.36-.87-.51-1.36-.41-.5.1-.91.44-1.1.91-.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.79-2.79a1 1 0 0 0 .3-.71 1 1 0 0 0-.3-.71l-2.79-2.79Zm-.7-11.98v-1.3a1 1 0 0 0-.62-.93 1 1 0 0 0-1.08.22L7.99 4.3a.99.99 0 0 0 0 1.42l2.8 2.8c.29.28.72.36 1.1.2s.61-.51.61-.92V6.53a5.503 5.503 0 0 1 4.6 7.54c-.22.54-.09 1.16.34 1.59.29.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.49Z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.