Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">machines</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#machines" />
</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-machines" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="m4.19 5.817-.188-1.73a.53.53 0 0 1 .137-.42l.584-.554c.298-.241.7-.056.884.18l.142.193a27 27 0 0 1 2.447-.27c.67-.044.94.02 1.216.118.25.087.644.368 1.048.811.26.285.536.597.814.92l.04-.137.396.464c.198-.47.402-.922.877-.922h3.208c.21 0 .396.165.447.482.072.479.275 1.617.392 2.258h1.826l.03-.102q.013-.041.025-.09c.08-.297.156-.363.266-.363h3.5c.14 0 .215.12.285.37l.03.096.03.096h.066c.837 0 1.308.635 1.308 1.66v2.855c0 1.004-.361 1.48-1.213 1.48H21.5v-.17c0-1.452-.673-2.623-1.812-3.048-.282-.445-.719-.735-1.408-.735h-3.499c-.386 0-.699.1-.949.275-.048-.28-.085-.506-.107-.655-.165-1.03-.924-1.805-1.93-1.805h-1.57a9 9 0 0 1-.174-.215c-.327-.438-.695-.86-1.14-1.135-.415-.254-.952-.418-2.072-.484l-.08.851-.11-.128-.111.387q-.332-.22-.654-.332c-.507-.18-.97-.241-1.693-.201m17.31 7.75c.388.071.759.14.991.181.823.148 1.509.866 1.509 1.918 0 1.058-.681 1.917-1.509 1.917h-1.35c.236-.467.359-1.038.359-1.685zM.186 19.536h.886v1.423l.386.565.386-.565v-1.423h.886V16.43q0-.207-.162-.207h-.487l.612-5.27.146-1.546c1.12.066 1.657.23 2.072.483.445.276.813.698 1.14 1.136q.091.117.217.267.14.167.305.375l-.04.139.385.489c-.255 1.179-.38 3.042-.266 4.08.056.526.402.966.894.966l2.053.036v.062s-1.949.353-2.519.468c-.818.174-1.509.86-1.509 1.918 0 1.052.676 1.918 1.51 1.918l11.41.006c.828 0 1.509-.86 1.509-1.918 0-1.051-.686-1.77-1.509-1.917-.681-.122-2.559-.475-2.559-.475v-.061h2.855c.852 0 1.213-.476 1.213-1.48v-2.856c0-1.025-.471-1.66-1.308-1.66h-.066l-.06-.191c-.07-.251-.145-.37-.286-.37h-3.499c-.11 0-.185.066-.266.363q-.012.048-.026.09l-.029.102h-1.826c-.117-.642-.32-1.78-.392-2.258-.05-.318-.237-.483-.447-.483H8.587c-.475 0-.679.452-.877.923l-.396-.465-.04.137a44 44 0 0 0-.814-.92c-.404-.443-.797-.724-1.048-.81-.276-.098-.547-.162-1.216-.12-1.033.07-1.853.175-2.447.271l-.142-.192c-.184-.237-.586-.421-.884-.18l-.584.553a.53.53 0 0 0-.137.421s.558 5.086.863 7.97h-.51c-.05 0-.169 0-.169.278z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.