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_lost</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-lost" />
</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-lost" viewBox="0 0 24 24">
<path d="M6.167 3c-.329 0-.621.118-.797.298l1.77 1.65v-.312h9.103v1.48c-.486 0-.972 1.003-.972 1.384v5.025l3.62 3.373V8.947c0-.612-.35-.93-.703-1.014v-4.24c0-.381-.438-.693-.973-.693z"/>
<path fill-rule="evenodd" d="M20.97 19.803 3.995 3.983l.06-.056L3 4.911l2.195 2.045v.98c-.373.088-.703.405-.703 1.011v10.725c0 .03.33.25.703.323v.659c0 .035.437.346.972.346h.973c.054 0 .504-.004.843-.011q.096.01.197.011h7.374q.075 0 .145-.006c.26.004.505.006.544.006h.973c.534 0 .972-.311.972-.346v-.657c.299-.06.595-.23.679-.299l1.108 1.033zM8.112 9.675l.594.554v4.068c0 .627.576 1.14 1.28 1.14h3.411c.257 0 .497-.069.698-.186l1.175 1.095v.4H8.113z"/>
<path d="M14.676 11.971V7.084c0-.626-.575-1.139-1.279-1.139H9.986c-.487 0-.912.245-1.128.604l1.775 1.654a2 2 0 0 1 1.058-.294c1.067 0 1.932.806 1.932 1.8a1.7 1.7 0 0 1-.316.986z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.