Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">visibility_part_outline</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#visibility-part-outline" />
</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-outline mi-visibility-part-outline" viewBox="0 0 24 24">
<path d="M3.755 3.748c.264 0 .518.105.705.292l15.51 15.5a.997.997 0 0 1 0 1.41c-.2.19-.45.29-.71.29s-.51-.09-.71-.29l-3.43-3.43-9.48-9.48-2.59-2.59a.997.997 0 0 1 .705-1.702M8.87 6.44l1.02 1.02c.65-.3 1.35-.48 2.11-.48 2.76 0 5 2.24 5 5 0 .76-.18 1.47-.48 2.11l1.85 1.85c1.43-1.02 2.61-2.38 3.42-3.96-1.82-3.56-5.52-6-9.79-6-1.09 0-2.14.17-3.13.46"/>
<path d="M14.49 10.828c.033.347-.055.694-.25.982l.7.7a2.996 2.996 0 0 0-3.48-3.48l.7.7a1.498 1.498 0 0 1 2.33 1.098"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.