Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">avoidance_zone</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#avoidance-zone" />
</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-avoidance-zone" viewBox="0 0 24 24">
<path d="M4 6a2 2 0 1 0 0-4 2 2 0 0 0 0 4"/>
<path fill-rule="evenodd" d="M16.314 5.556 5.556 16.314A4 4 0 0 0 3 16.126V7.874a4 4 0 0 0 2.824-.313L5 8.385v2.828L11.213 5H8.385l-.824.824A4 4 0 0 0 7.874 3h8.252a4 4 0 0 0 .188 2.556M15.456 5h-2.829L5 12.627v2.829z"/>
<path d="M7.68 18.432 18.433 7.68a4 4 0 0 1-.89-.525L7.156 17.542q.318.408.525.89"/>
<path fill-rule="evenodd" d="M20 8q.519-.001 1-.126v8.252a4 4 0 0 0-2 0v-.528l-.86.86a4 4 0 0 0-1.682 1.682l-.86.86h.528a4 4 0 0 0 0 2H7.874a4 4 0 0 0 0-2h2.067L19 9.941V7.874q.481.125 1 .126m-5.816 11h-2.829L19 11.355v2.829z"/>
<path d="M22 4a2 2 0 1 1-4 0 2 2 0 0 1 4 0M4 22a2 2 0 1 0 0-4 2 2 0 0 0 0 4m18-2a2 2 0 1 1-4 0 2 2 0 0 1 4 0"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.