Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">machine</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#machine" />
</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-machine" viewBox="0 0 24 24">
<path d="M3.072 17.578h-.886v-3.106c0-.207.12-.207.17-.207h.51c-.306-2.883-.864-7.97-.864-7.97a.53.53 0 0 1 .137-.42l.584-.554c.298-.24.7-.056.884.18l.142.193a27 27 0 0 1 2.447-.27c.67-.044.94.021 1.216.118.25.087.644.368 1.048.811.26.285.536.597.815.92l.039-.137.396.464c.198-.47.402-.922.877-.922h3.208c.21 0 .396.165.447.483.071.478.275 1.616.392 2.258h1.826c.015-.06.035-.12.055-.192.08-.297.156-.363.266-.363h3.5c.14 0 .215.119.285.37l.06.191h.066c.837 0 1.308.635 1.308 1.66v2.855c0 1.005-.361 1.48-1.213 1.48h-2.855v.062s1.878.353 2.559.475c.823.147 1.509.865 1.509 1.917 0 1.058-.681 1.918-1.509 1.918l-11.41-.007c-.834 0-1.51-.866-1.51-1.917 0-1.058.691-1.745 1.51-1.918.57-.115 2.517-.468 2.517-.468l.001-.062-2.053-.036c-.492 0-.838-.44-.894-.966-.113-1.038.011-2.901.266-4.08l-.385-.49.04-.138c-.208-.265-.395-.479-.522-.643-.327-.438-.695-.86-1.14-1.135-.415-.253-.952-.418-2.072-.484l-.146 1.548-.612 5.269h.487s.162 0 .162.207v3.106h-.886v1.424l-.386.564-.386-.564z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.