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_rpt</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-rpt" />
</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-rpt" 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 0zm5.173 4.116.195-.434-.474-.88a.17.17 0 0 0-.079-.074l-.997-.453a.17.17 0 0 1-.087-.092l-.057-.146a.17.17 0 0 1-.001-.117l.188-.527a.17.17 0 0 1 .086-.095l.134-.064a.17.17 0 0 1 .12-.01l1.243.367q.046.014.078.05l.598.678a.084.084 0 0 0 .127-.002l.182-.22a.16.16 0 0 1 .124-.058h.008q.048 0 .086-.03a.14.14 0 0 1 .085-.03h.072q.037 0 .062.027l.306.33c.029.03.045.071.045.113l.037 5.806.232.695h2.354l.232-.695.037-5.806q0-.065.045-.113l.306-.33a.08.08 0 0 1 .062-.027h.072c.03 0 .061.01.085.03q.038.03.086.03h.008a.16.16 0 0 1 .123.058l.183.22c.032.04.093.041.127.002l.598-.678a.2.2 0 0 1 .078-.05l1.244-.366a.17.17 0 0 1 .119.01l.134.063q.061.031.086.095l.188.527a.17.17 0 0 1-.001.117l-.057.146a.17.17 0 0 1-.087.092l-.997.453a.17.17 0 0 0-.079.073l-.474.881.195.434v7.113l-.06.753a.25.25 0 0 1-.25.231h-.764v.549a.17.17 0 0 1-.168.167h-.28v.549a.17.17 0 0 1-.167.167H16.09a.17.17 0 0 1-.168-.167v-.549h-.28a.17.17 0 0 1-.168-.167v-.549h-.852a.25.25 0 0 1-.251-.231l-.06-.753V19.07l.433-.178-.433.178z"/>
<path fill-rule="evenodd" d="m17.8 11.731-.994.179-.259 1.297v2.596l.26 1.297.993.18.994-.18.259-1.297v-2.596l-.26-1.297zm.984 2.864a.984.984 0 1 1-1.968 0 .984.984 0 0 1 1.968 0"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.