Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">perspective</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#perspective" />
</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-perspective" viewBox="0 0 24 24">
<path stroke="#252A2E" stroke-width=".5" d="M7.109 3.727 19.665 20.75l.001-.25v.25a.57.57 0 0 0 .46-.23.61.61 0 0 0 .111-.5l-3.32-16.284a.6.6 0 0 0-.199-.34.57.57 0 0 0-.371-.138L7.68 3.25a.57.57 0 0 0-.371.138.6.6 0 0 0-.2.34Zm7.98 10.294 2.733.002 1.125 5.519-3.41-.003zm-4.998-.005 3.827.004.447 5.518-4.73-.005zm-3.904-.003 2.734.002-.457 5.517-3.41-.003zm8.443-5.656 2.037.002.909 4.456-2.585-.002zm-4.07-.003 2.899.002.36 4.456-3.628-.003zM7.35 8.35l2.038.002-.369 4.454-2.584-.002zm6.963-3.887 1.559.001.548 2.686-1.89-.001zm-3.432-.003 2.26.002.219 2.686-2.701-.003zm-2.73-.003 1.558.001-.221 2.686L7.6 7.143z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.