Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">rts</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#rts" />
</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-rts" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="M10.8 8a.8.8 0 0 0-.8.8v6.4a.8.8 0 0 0 .8.8h2.4a.8.8 0 0 0 .8-.8V8.8a.8.8 0 0 0-.8-.8zm1.2 5.6a1.6 1.6 0 1 0 0-3.2 1.6 1.6 0 0 0 0 3.2"/>
<path fill-rule="evenodd" d="M16.787 2.193a.207.207 0 0 1 .413.014V8.2a.6.6 0 0 1-.6.6l-.007-.028.207 3.834-.382 7.637a.4.4 0 0 1-.382.38l-1.352.059a.4.4 0 0 0 .116-.282V18a.4.4 0 0 0-.4-.4H9.6a.4.4 0 0 0-.4.4v2.4c0 .11.044.21.116.282l-1.352-.06a.4.4 0 0 1-.382-.38L7.2 12.607l.382-7.076a.4.4 0 0 1 .345-.375l2.326-.32a12.8 12.8 0 0 1 3.494 0l2.326.32a.4.4 0 0 1 .345.375l.066 1.217zM14.4 8.206v8H9.6v-8l-.458-.801a.4.4 0 0 1 .347-.599h5.022a.4.4 0 0 1 .347.599z"/>
<path fill-rule="evenodd" d="M10 18a.4.4 0 0 0-.4.4v2c0 .22.18.4.4.4h4a.4.4 0 0 0 .4-.4v-2a.4.4 0 0 0-.4-.4zm2.8.4a.4.4 0 0 0-.4.4v.4c0 .22.18.4.4.4h.8a.4.4 0 0 0 .4-.4v-.4a.4.4 0 0 0-.4-.4z"/>
<path d="M9.6 21.15 8.8 21l.8 1h4.8l.8-1-.8.15z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.