Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">compactor</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#compactor" />
</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-compactor" viewBox="0 0 24 24">
<path d="M15.323 14.217a3.63 3.63 0 0 0-.473 2.041h-1.972v-2.041zm.547-.73h-2.992v-.466H10.61a4.76 4.76 0 0 0-1.834-2.014L9.93 5.583h.12a.295.295 0 0 1-.299-.291c0-.161.134-.292.298-.292h6.252c.164 0 .297.13.297.292a.295.295 0 0 1-.297.291h.09V9.16l5.536.915h.596v3.413h-1.146a3.8 3.8 0 0 0-2.754-1.167 3.8 3.8 0 0 0-2.754 1.167m6.054.73H23v1.72l-.597.206.002-.118c0-.657-.175-1.273-.48-1.808M2.74 13.02a4.08 4.08 0 0 1 3.515-1.984 4.08 4.08 0 0 1 3.516 1.984zm4.602 3.967h2.446A4.08 4.08 0 0 1 6.254 19a4.07 4.07 0 0 1-3.699-2.331l1.679.319zm4.93-10.938h-1.74l-1.017 4.692h2.202zm.687 0-.53 4.693h3.249V6.05zM1 13.75h11.134v2.508H4.305L1 15.631zM18.624 19c-1.677 0-3.037-1.332-3.037-2.975s1.36-2.975 3.037-2.975 3.036 1.332 3.036 2.975S20.3 19 18.624 19"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.