Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">devices_status</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#devices-status" />
</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-devices-status" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="M5.668 22v-1.886h-1.43C3.005 20.114 2 19.057 2 17.76V5.355C2 4.057 3.005 3 4.238 3h15.524C20.995 3 22 4.057 22 5.355V17.76c0 1.297-1.005 2.354-2.238 2.354h-1.037V22zm14.094-4.082c.083 0 .15-.071.15-.158V5.355a.154.154 0 0 0-.15-.159H4.238a.154.154 0 0 0-.15.159V17.76c0 .087.067.158.15.158zm-7.073-.006.005-.016v.016l1.347-4.246h2.72c.229.35.607.578 1.042.578.7 0 1.27-.6 1.27-1.335 0-.736-.57-1.336-1.27-1.336-.41 0-.767.208-1 .524h-1.55l-1.238-3.668L12.69 11.9l-1.704-6.665-1.705 6.862H4.927v1.57h5.752l.326-1.162z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.