Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">grader</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#grader" />
</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-grader" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="m8.705 11.826.215 1.649h1.765v1.005h-.2c.304.82-.083 1.166-.603 1.631a7 7 0 0 0-.487.464c-.14.33-.505.585-.705.67l-.11-.25c.175-.105.41-.455.41-1.02s-.24-.915-.41-1.02l.15-.235c.27.115.695.485.77 1.03.315-.355.03-1.265-.605-1.265H5.29a2.8 2.8 0 0 0-.435-1.005H7.98l-.217-1.652-3.008.007c-.305 0-.88.775-.88.775a2.76 2.76 0 0 0-1.31-.34q-.307.001-.6.07v-.975s.785-.405 1.065-.485c.98-.285 3.71-.555 4.53-.635l-.2-1.525.93-.12.2 1.539.104-.014.281-.04v.003c.61-.079 1.524-.194 1.93-.218.34-.02 1.365-.005 1.365-.005v-2.55H12V6.77h4.13v.545h-.185v4.995a2.78 2.78 0 0 0-2.525 2.76l.002.018.003.017s-2.205-2.71-3.275-3.15c-.285-.115-1.065-.125-1.44-.12l-.001-.009zm11.94 1.104c1.18 0 2.14.96 2.14 2.14s-.96 2.14-2.14 2.14-2.14-.96-2.14-2.14c0-1.185.955-2.14 2.14-2.14m-2.285 2.14a2.14 2.14 0 1 0-4.282-.002 2.14 2.14 0 0 0 4.282.002M2.4 12.93c1.18 0 2.14.96 2.14 2.14s-.96 2.14-2.14 2.14-2.14-.96-2.14-2.14c0-1.185.96-2.14 2.14-2.14m21.34-2.765s-2.96-.56-3.955-.665c-.795-.085-3.19-.15-3.19-.15v2.955c.75.105 1.4.505 1.84 1.075a2.78 2.78 0 0 1 2.21-1.105c1.275 0 2.345.865 2.675 2.04h.42z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.