Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">select_area</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#select-area" />
</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-select-area" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="M11.1 6.3H7.5v.791h3.6zm4.95 0H12v.791h4.05zM5.7 14.608h-.9v2.769h2.25v-.791H5.7zm.9-7.517h-.9v2.374h-.9V6.3h1.8zm-1.8 3.165h.9v3.56h-.9zm7.2 6.33H7.95v.791H12zm6.3-6.726h.9v3.56h-.9zm-1.35-2.769V6.3h2.25v2.77h-.9V7.09zm-4.05 9.495h3.6v.791h-3.6zm5.4 0v-2.374h.9v3.165h-1.8v-.791z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.