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_r8s_base</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-r8s-base" />
</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-r8s-base" viewBox="0 0 24 24">
<path d="M7.487 2.786a1.2 1.2 0 0 0-.403.239l-.563.5a.92.92 0 0 0-.308.669l-.015.686h11.603l-.014-.686a.92.92 0 0 0-.31-.669l-.561-.5a1.2 1.2 0 0 0-.403-.24 13.36 13.36 0 0 0-9.026 0"/>
<path fill-rule="evenodd" d="M6.332 5.707a.9.9 0 0 1-.14-.443h4.897l.197.436h1.43l.197-.436h4.894a.9.9 0 0 1-.14.443l-.391.627-.108.86v.1c0 .595-.388 1.105-.933 1.28l.053.583a.19.19 0 0 1-.191.21h-.8a.19.19 0 0 1-.192-.21l.042-.46-2.057.164v1.306h-2.18V8.866l-1.488-.12-.118 4.298a.267.267 0 0 1-.26.268.267.267 0 0 1-.261-.268l-.12-4.36-.596-.048a1.344 1.344 0 0 1-1.236-1.34v-.102l-.107-.86zm4.207.825a.154.154 0 0 0-.154.154V7.89c0 .085.069.154.154.154h2.922a.154.154 0 0 0 .154-.154V6.686a.154.154 0 0 0-.154-.154z"/>
<path d="M6.096 4.98a.096.096 0 1 0 0 .193h5.007l.215.452h1.364l.215-.452h5.007a.096.096 0 0 0 0-.192zm3.996 5.47h3.816v.988l.95 3.666-1.053.291-.917-3.537h-.343v3.662h-1.09v-3.662h-.223l-.918 3.537-1.053-.291.842-3.246h-.011zm1.363 6.479h1.09v3.944L12 22l-.545-1.127zm1.09-1.127h-1.09v.845h1.09zm-2.583.955-1.054-.292-.987 3.81.244 1.234.809-.943zm-.772-1.381 1.054.292-.212.816-1.053-.291zm6.021 1.089-1.053.292.988 3.81.809.942.244-1.234zm-1.335-.797 1.053-.291.212.816-1.053.291z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.