Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">gnss_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#gnss-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-gnss-rts" viewBox="0 0 24 24">
<path d="m2.052 2.814.043-.262a.45.45 0 0 1 .206-.31Q3.98 1.202 6.222 1.2q2.238 0 3.916 1.04c.113.07.19.186.208.318l.036.256z"/>
<path fill-rule="evenodd" d="M1.437 2.814h9.526c.131 0 .237.106.237.237V3.7c0 .13-.106.236-.237.236h-.301v2.287c.05 0 .09.04.09.09v.135c0 .05-.04.09-.09.09h-.09l-.398 2.343a.36.36 0 0 1-.354.299H7.572l-.33 1.214h.012v2.556c0 .05-.04.09-.09.09H5.281a.09.09 0 0 1-.09-.09v-2.556h-.002L4.836 9.18H2.624a.36.36 0 0 1-.354-.299l-.397-2.344h-.135a.09.09 0 0 1-.09-.09v-.134c0-.05.04-.09.09-.09h.045V3.935h-.346A.237.237 0 0 1 1.2 3.7v-.65c0-.13.106-.237.237-.237m5.506 3.812H5.457a.83.83 0 0 0-.81.654l-.01.046a1.9 1.9 0 0 0 0 .798l.01.045c.082.382.42.654.81.654h1.486c.39 0 .728-.272.81-.654l.01-.045a1.9 1.9 0 0 0 0-.798l-.01-.046a.83.83 0 0 0-.81-.654m-1.246 4.126h1.051c.13 0 .237.105.237.236v.244a.237.237 0 0 1-.237.237H5.697a.237.237 0 0 1-.237-.237v-.244c0-.13.106-.236.237-.236"/>
<path d="M9.137 9.182H8.6l.086 2.967a.184.184 0 0 0 .367 0z"/>
<path fill-rule="evenodd" d="M15.04 12.64a.64.64 0 0 1 .64-.64h1.92a.64.64 0 0 1 .64.64v5.12a.64.64 0 0 1-.64.64h-1.92a.64.64 0 0 1-.64-.64zm2.88 2.56a1.28 1.28 0 1 1-2.56 0 1.28 1.28 0 0 1 2.56 0"/>
<path fill-rule="evenodd" d="M20.47 7.354a.165.165 0 0 1 .33.011v4.795a.48.48 0 0 1-.48.48l-.006-.023.166 3.068-.306 6.109a.32.32 0 0 1-.305.304l-1.082.047a.32.32 0 0 0 .093-.225V20a.32.32 0 0 0-.32-.32h-3.84a.32.32 0 0 0-.32.32v1.92c0 .088.035.168.093.225l-1.082-.047a.32.32 0 0 1-.306-.304l-.305-6.11.306-5.66a.32.32 0 0 1 .276-.3l1.86-.256a10.2 10.2 0 0 1 2.796 0l1.86.256a.32.32 0 0 1 .276.3l.053.973zm-1.91 4.81v6.4h-3.84v-6.4l-.366-.64a.32.32 0 0 1 .277-.48h4.018c.245 0 .4.266.277.48z"/>
<path fill-rule="evenodd" d="M15.04 20a.32.32 0 0 0-.32.32v1.6c0 .177.143.32.32.32h3.2a.32.32 0 0 0 .32-.32v-1.6a.32.32 0 0 0-.32-.32zm2.24.32a.32.32 0 0 0-.32.32v.32c0 .177.143.32.32.32h.64a.32.32 0 0 0 .32-.32v-.32a.32.32 0 0 0-.32-.32z"/>
<path d="m14.72 22.52-.64-.12.64.8h3.84l.64-.8-.64.12z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.