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_r8</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-r8" />
</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-r8" viewBox="0 0 24 24">
<path d="M5.382 4.317a1.9 1.9 0 0 0-.603.347l-.817.703a1.3 1.3 0 0 0-.454.963l-.022.963h17.027l-.021-.963a1.3 1.3 0 0 0-.454-.963l-.818-.703a1.9 1.9 0 0 0-.603-.347 20.17 20.17 0 0 0-13.235 0"/>
<path fill-rule="evenodd" d="M3.686 8.473a1.3 1.3 0 0 1-.208-.635h7.186l.289.62h2.097l.289-.62h7.182a1.3 1.3 0 0 1-.208.635l-.571.883-.158 1.22v.14c0 .86-.572 1.596-1.368 1.83l.076.818a.273.273 0 0 1-.271.298h-1.192a.273.273 0 0 1-.272-.298l.061-.653-3.038.235v7.853h-3.16v-7.846l-2.203-.173-.173 6.103a.386.386 0 0 1-.382.38.386.386 0 0 1-.382-.38l-.176-6.19-.93-.073a1.91 1.91 0 0 1-1.758-1.903v-.14l-.158-1.22zm6.162 1.165a.22.22 0 0 0-.218.218v1.71c0 .12.098.218.218.218h4.304c.12 0 .218-.097.218-.218v-1.71a.22.22 0 0 0-.218-.218z"/>
<path d="M3.336 7.436a.136.136 0 1 0 0 .272h7.348L11 8.35h2.002l.315-.642h7.348a.136.136 0 1 0 0-.272z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.