Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">receiver_generic_error_filled</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#receiver-generic-error-filled" />
</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-receiver-generic-error-filled" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="M2.481 9.204H21.52c-1.304-6.671-17.63-7.2-19.038 0m10.61 5.503H3.083c.05.294.092.611.135.938.237 1.787.514 3.869 2.232 4.036 2.249.22 5.26.371 8.257.302l.005-.005 1.468-1.469-.558-.558c-.194.402-.549.67-.954.67h-3.334c-.613 0-1.11-.615-1.11-1.375s.497-1.376 1.11-1.376h2.724a2.35 2.35 0 0 1 .035-1.163m4.946 0 .472.472.472-.472zM2.442 10.923c-.193 0-.364.165-.396.4-.063.452-.06.809.001 1.26.032.237.204.404.399.404h19.122c.205 0 .382-.185.405-.438a6.3 6.3 0 0 0-.001-1.185c-.022-.254-.2-.44-.405-.44z"/>
<path d="m19.717 18.51 2.53-2.532a.85.85 0 0 0 0-1.208.85.85 0 0 0-1.208 0l-2.53 2.53-2.548-2.548a.85.85 0 0 0-1.209 0 .85.85 0 0 0 0 1.21l2.548 2.547-2.53 2.532a.852.852 0 0 0 .604 1.459.86.86 0 0 0 .604-.25l2.53-2.532 2.514 2.514a.86.86 0 0 0 .605.25.86.86 0 0 0 .604-.25.85.85 0 0 0 0-1.209z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.