Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">drone</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#drone" />
</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-drone" viewBox="0 0 24 24">
<path d="M18.5 15c-.48 0-.93.11-1.35.29l-1.65-2.01v-2.53l1.67-2.03c.41.18.86.28 1.33.28C20.43 9 22 7.43 22 5.5S20.43 2 18.5 2 15 3.57 15 5.5c0 .49.12.95.3 1.37L13.33 8.5h-2.62l-2-1.65c.18-.42.29-.87.29-1.35C9 3.57 7.43 2 5.5 2S2 3.57 2 5.5 3.57 9 5.5 9c.48 0 .94-.11 1.35-.29l1.65 2v2.62l-1.63 1.98c-.42-.19-.88-.3-1.37-.3-1.93 0-3.5 1.57-3.5 3.5s1.57 3.5 3.5 3.5S9 20.44 9 18.51c0-.48-.11-.92-.28-1.33l2.02-1.67h2.56l2 1.65c-.18.42-.29.87-.29 1.35 0 1.93 1.57 3.5 3.5 3.5s3.5-1.57 3.5-3.5-1.57-3.5-3.5-3.5Zm0-12a2.5 2.5 0 0 1 0 5c-.23 0-.45-.04-.66-.1l1.15-1.4.37.37c.07.07.17.11.27.11s.19-.04.27-.11c.15-.15.15-.38 0-.53l-.47-.47c.05-.12.08-.24.08-.37a1.003 1.003 0 0 0-1.37-.93l-.48-.48a.37.37 0 0 0-.53 0c-.15.15-.15.38 0 .53l.41.41-1.41 1.17a2.3 2.3 0 0 1-.11-.7 2.5 2.5 0 0 1 2.5-2.5Zm-2.67 4.73.73-.6 1.19-.98s.09.09.14.13l-.96 1.16-.63.77-1.42 1.73-.77-.77 1.72-1.42ZM5.5 8a2.5 2.5 0 0 1 0-5A2.5 2.5 0 0 1 8 5.5c0 .24-.04.46-.11.68L6.48 5.02l.39-.39c.15-.15.15-.38 0-.53a.37.37 0 0 0-.53 0l-.48.48a1.003 1.003 0 0 0-1.37.93c0 .13.03.26.08.37l-.47.47c-.15.15-.15.38 0 .53.07.07.17.11.27.11s.19-.04.27-.11l.39-.39L6.19 7.9c-.22.06-.44.11-.68.11Zm2.22.18-.22-.26-1.36-1.65.05-.05.03-.03.05-.05 3.61 2.98-.76.76-1.4-1.69ZM5.5 21a2.5 2.5 0 0 1 0-5c.25 0 .48.05.7.11l-1.16 1.41-.4-.4a.37.37 0 0 0-.53 0c-.15.15-.15.38 0 .53l.47.47c-.05.12-.08.24-.08.37a1.003 1.003 0 0 0 1.37.93l.48.48c.07.07.17.11.27.11s.19-.04.27-.11c.15-.15.15-.38 0-.53l-.38-.38 1.4-1.15c.06.21.1.43.1.66a2.5 2.5 0 0 1-2.5 2.5Zm2.7-4.7-.77.63-1.16.96s-.08-.1-.12-.14l.95-1.16.63-.77 1.4-1.7.77.77-1.7 1.4Zm5.3-3.68-.88.88h-1.29l-.83-.83v-1.35l.82-.82h1.3l.88.88zm.59 2.24.78-.78 1.42 1.73.27.32 1.32 1.6s-.09.08-.13.13l-1.16-.96-.53-.44-1.96-1.62ZM18.5 21a2.5 2.5 0 0 1-2.5-2.5c0-.24.04-.46.11-.68l1.41 1.16-.39.39c-.15.15-.15.38 0 .53.07.07.17.11.27.11s.19-.04.27-.11l.48-.48a1.003 1.003 0 0 0 1.37-.93.9.9 0 0 0-.08-.37l.47-.47c.15-.15.15-.38 0-.53a.37.37 0 0 0-.53 0l-.38.38-1.16-1.4c.22-.06.44-.11.67-.11a2.5 2.5 0 0 1 0 5Z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.