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_warn_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-warn-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-warn-filled" viewBox="0 0 24 24">
<path d="M13.245 13.004C13.17 13.63 12.68 14 12 14c-.717 0-1.17-.37-1.245-.996L10 5.835v-.2C10 4.726 10.85 4 12 4s2 .74 2 1.636c0 .057-.019.199-.019.199zM14 18a2 2 0 1 1-4 0 2 2 0 0 1 4 0m.735-4.816.001-.013.128-1.248h6.703c.206 0 .383.187.405.44a6.3 6.3 0 0 1 0 1.186c-.022.253-.199.438-.404.438h-7.059c.116-.25.191-.521.226-.803m-5.471-.011-.131-1.25h-6.69c-.194 0-.365.165-.397.4-.063.452-.06.809.001 1.26.032.237.204.404.399.404h7.041a2.8 2.8 0 0 1-.222-.803zm12.255-2.969H15.04l.43-4.197.002-.01.008-.075.001-.005c.004-.035.018-.161.018-.281a3 3 0 0 0-.007-.217c3.045.715 5.547 2.336 6.026 4.785M8.5 5.636q0-.154.014-.301c-3.026.647-5.52 2.245-6.033 4.869h6.47L8.5 5.914zM3.082 15.707h6.273a3.497 3.497 0 0 0 .791 5.262 70 70 0 0 1-4.697-.288c-1.718-.167-1.995-2.249-2.232-4.036a28 28 0 0 0-.135-.938m15.908 4.871c-1.598.234-3.371.357-5.154.402a3.498 3.498 0 0 0 .809-5.273h6.273c-.06.324-.106.694-.154 1.084-.198 1.585-.433 3.48-1.773 3.787"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.