Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">helicopter</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="/modus-outlined-icons.svg#helicopter" />
</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-helicopter" viewBox="0 0 24 24">
<path d="M18.03 18h-7.06c-.39 0-.77-.09-1.12-.26l-1.58-.79a.49.49 0 0 1-.22-.67c.12-.25.42-.35.67-.22l1.58.79c.21.1.44.16.67.16h7.06c.23 0 .46-.05.67-.16l1.58-.79c.25-.12.55-.02.67.22.12.25.02.55-.22.67l-1.58.79c-.35.17-.73.26-1.12.26M21.5 7H16v1h5.5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5M13 7H7.5c-.28 0-.5.22-.5.5s.22.5.5.5H13zm8 5c0 1.96-2.64 3.5-6 3.5-2.74 0-4.99-1.02-5.74-2.46L3 12c-.55 0-1-.45-1-1V8h1l1.08 2.16 5.44.42c.79-1.06 2.44-1.84 4.48-2.03V6.5c0-.28.22-.5.5-.5s.5.22.5.5v2c3.36 0 6 1.54 6 3.5m-1.58 1.13c-2.08-.63-3.59-1.98-3.87-3.6-.18-.01-.36-.03-.55-.03-2.71 0-5 1.15-5 2.5s2.29 2.5 5 2.5c1.9 0 3.58-.57 4.42-1.37M20 12c0-1.08-1.45-2.01-3.4-2.35.35 1.18 1.64 2.16 3.35 2.6.02-.08.05-.16.05-.24Z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.