Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">device_cb460</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#device-cb460" />
</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-device-cb460" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="M21.24 6.25c.377 0 .696.33.696.72a28.1 28.1 0 0 1 0 11.2c0 .388-.32.72-.696.72H2.76c-.376 0-.696-.332-.696-.72a28.1 28.1 0 0 1 0-11.2c0-.39.32-.72.696-.72zm-4.925 11.472c.15 0 .263-.117.263-.292V7.708a.26.26 0 0 0-.263-.272H3.399a.26.26 0 0 0-.263.272v9.742c0 .155.112.272.263.272zm1.39-6.358 1.148 1.166-1.147 1.187a2.21 2.21 0 0 1 0-2.353M20 12.57l1.146 1.167a2.21 2.21 0 0 0 0-2.353zm-.564.584-1.148 1.186c.697.467 1.58.467 2.276 0zm1.128-2.392-1.147 1.186-1.129-1.186a2.02 2.02 0 0 1 2.276 0"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.