Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">total_station</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#total-station" />
</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-total-station" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="M17.232 3H6.187c-.539 0-.98.312-.98.692v4.243c-.375.089-.707.406-.707 1.012v10.725c0 .03.332.25.707.323v.659c0 .035.441.346.98.346h.979c.054 0 .508-.004.849-.011q.097.01.198.011h7.427q.075 0 .146-.006c.263.004.509.006.548.006h.98c.538 0 .979-.311.979-.346v-.657c.355-.07.707-.296.707-.325V8.947c0-.612-.352-.93-.707-1.014v-4.24c0-.381-.441-.693-.98-.693zm-1.877 13.746V7.5c0-.38.49-1.385.979-1.385V4.636H7.166v1.479c.539 0 .98 1.004.98 1.385v9.247l.067-.002zm-5.323-10.8c-.708 0-1.288.512-1.288 1.138v7.213c0 .627.58 1.14 1.288 1.14h3.436c.708 0 1.288-.513 1.288-1.14V7.084c0-.626-.58-1.139-1.288-1.139zm1.718 1.963a1.945 1.945 0 1 0 0 3.89 1.945 1.945 0 0 0 0-3.89"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.