Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">auto_target</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#auto-target" />
</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-auto-target" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="M21 11.182h-1.686a7.36 7.36 0 0 0-6.496-6.497V3h-1.636v1.685a7.36 7.36 0 0 0-6.497 6.497H3v1.636h1.685a7.36 7.36 0 0 0 6.497 6.496V21h1.636v-1.686a7.36 7.36 0 0 0 6.496-6.496H21zM17.727 12A5.723 5.723 0 0 1 12 17.727 5.723 5.723 0 0 1 6.273 12 5.723 5.723 0 0 1 12 6.273 5.723 5.723 0 0 1 17.727 12m-4.356 3.273-.317-1.222h-2.09l-.326 1.222h-1.91l2.099-6.546h2.32l2.126 6.546zm-.955-3.737.277 1.07h-1.369q.4-1.533.518-2.055.116-.522.156-.75.044.246.183.812.138.567.235.923"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.