Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">measure_up</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#measure-up" />
</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-measure-up" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="M13.19 17.805a1.66 1.66 0 0 1-.754.18H4.045a2 2 0 0 1-1.495-.69l-.002-.003-.002.003A2.12 2.12 0 0 1 2 15.875s.01-3.76.014-3.8c.048-2.614 1.78-4.802 4.123-5.463l.002.004c.47-.132.966-.21 1.478-.21a5.5 5.5 0 0 1 1.56.23L10.26 6l2.05 1.508.003.006.006.004 1.466 2.12-.698 1.268q.128.571.143 1.18c.088 1.946.693 3.146.774 3.306l.008.018a1.82 1.82 0 0 1-.522 2.218l-.294.186zm-.21-.934.002-.002a.88.88 0 0 0 .318-.68.87.87 0 0 0-.859-.887.83.83 0 0 0-.422.118l-.052.019a.89.89 0 0 0-.394.74c0 .49.384.886.859.886a.83.83 0 0 0 .54-.206zm-2.322-3.483-.003.006-.007-.01c-.465 1.262-1.65 2.163-3.04 2.163a3.2 3.2 0 0 1-2.32-1.004l.004-.004a3.4 3.4 0 0 1-.93-2.346c0-1.855 1.457-3.358 3.255-3.358.92 0 1.75.396 2.343 1.028l.2.235v-.001a3.41 3.41 0 0 1 .498 3.291m7.884.984v-.005h2.946c.284 0 .512.24.512.529v2.575a.52.52 0 0 1-.512.529h-.413v-2.15h-.512V18h-.992v-1.067h-.507v1.062h-.347V18h-.66v-2.15h-.511V18h-.982v-1.067h-.513V18h-1.475a2.9 2.9 0 0 0 .408-2.923s-.183-.397-.297-.705zm-3.857-.005.002.005h-.002zm-8.999-2.174c0 1.1.864 1.993 1.93 1.993 1.067 0 1.931-.892 1.931-1.993s-.864-1.992-1.93-1.992c-1.067 0-1.931.892-1.931 1.992"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.