Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">easting</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#easting" />
</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-easting" viewBox="0 0 24 24">
<path d="m14.45 13.013 1.85 1.819 5.7-2.938-5.7-2.937-1.85 1.822zm-3.46 8.237 1.07-2.533c1.587-.27 2.987-1.125 3.989-2.346l-.873-.858c-1.015 1.282-2.532 2.05-4.195 2.05l-.576.034v2.272zm4.196-12.985.878-.864c-1.002-1.232-2.408-2.096-4.004-2.367L10.99 2.5l-.009.02v3.667c1.647 0 3.186.79 4.206 2.077"/>
<path d="M4.43 12.993c.457 2.93 2.677 5.246 5.487 5.724l1.063 2.513v-3.667c-3.007 0-5.453-2.551-5.453-5.687l-.044-.6H3.302l-1.302.6z"/>
<path d="m10.98 6.188.673-.025V4.072L10.99 2.5 9.917 5.034c-2.81.478-5.03 2.793-5.488 5.724L2 11.875h3.527c0-3.136 2.446-5.687 5.453-5.687"/>
<path d="M8.91 14.537V9.214h2.743V7.608l-.673-.12c-2.323 0-4.206 1.964-4.206 4.387s1.883 4.388 4.206 4.388l.673-.13v-1.597z"/>
<path d="M14.91 10.323c-.6-1.656-2.131-2.835-3.93-2.835v1.726h1.998v1.11H10.24v.933h2.502v1.073h2.164z"/>
<path d="M10.24 12.33v1.015h2.81v1.193h-2.07v1.726c1.788 0 3.311-1.166 3.92-2.806l.006-1.582h-2.164v.455z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.