Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">in_field_device</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="/modus-outlined-icons.svg#in-field-device" />
</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-outline mi-in-field-device" viewBox="0 0 24 24">
<path d="m14.04 5.23 1.33-1.33a.9.9 0 0 0 0-1.27.9.9 0 0 0-1.27 0l-1.33 1.33c.49.36.91.79 1.27 1.27M9.9 2.77V.9C9.9.41 9.49 0 9 0s-.9.4-.9.9v1.87c.3-.04.59-.07.9-.07s.6.03.9.07M15.3 9c0 .31-.03.6-.07.9h1.87c.49 0 .9-.4.9-.9s-.41-.9-.9-.9h-1.87c.04.3.07.59.07.9m-9.01 1.07c-.13-.33-.21-.69-.21-1.07 0-1.61 1.31-2.92 2.92-2.92S11.92 7.39 11.92 9c0 .35-.07.69-.19 1h1.41c.08-.32.13-.65.13-1 0-2.36-1.92-4.28-4.28-4.28S4.71 6.64 4.71 9c0 .55.11 1.06.3 1.54.39-.22.81-.39 1.26-.47ZM20.47 12H6.5c-.83 0-1.49.65-1.5 1.45v7.06c0 .8.67 1.45 1.5 1.45h13.97c.83 0 1.49-.65 1.5-1.45v-7.06c0-.8-.67-1.45-1.5-1.45M6.49 17.61c-.4 0-.73-.33-.73-.73s.33-.73.73-.73.73.33.73.73-.33.73-.73.73m12.48 2.91H7.99v-7.06h10.98zm1.5-2.91c-.41 0-.75-.33-.75-.73s.34-.73.75-.73.75.33.75.73-.33.73-.75.73M.9 8.1c-.49 0-.9.41-.9.9s.41.9.9.9h1.87c-.04-.3-.07-.59-.07-.9s.03-.6.07-.9zm3-5.47a.9.9 0 0 0-1.27 0 .9.9 0 0 0 0 1.27l1.33 1.33c.36-.49.79-.91 1.27-1.27z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.