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_filled</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="/field-systems-icons.svg#sync-filled" />
</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-sync-filled" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10m0-17.61v1.39c3.591 0 6.5 2.783 6.5 6.219 0 .808-.163 1.586-.463 2.293-.22.521-.918.66-1.333.264-.219-.21-.308-.528-.187-.808A4.4 4.4 0 0 0 16.876 12c0-2.573-2.186-4.664-4.875-4.664v1.391c0 .35-.439.521-.699.28L9.034 6.838a.373.373 0 0 1 0-.551l2.275-2.17c.252-.248.691-.077.691.273M7.125 12c0 2.573 2.186 4.664 4.875 4.664v-1.391a.4.4 0 0 1 .067-.216.4.4 0 0 1 .18-.145.42.42 0 0 1 .444.08l2.266 2.17a.373.373 0 0 1 0 .551l-2.266 2.17c-.252.248-.691.077-.691-.273v-1.39c-3.591 0-6.5-2.783-6.5-6.219 0-.808.162-1.586.463-2.293.22-.521.918-.66 1.333-.264.219.21.308.528.186.808A4.4 4.4 0 0 0 7.126 12"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.