Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">star_locked</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#star-locked" />
</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-star-locked" viewBox="0 0 24 24">
<path d="m21.45 9.31-6.42-.54-2.51-5.92c-.1-.23-.31-.35-.52-.35s-.42.12-.52.35L8.97 8.77l-6.42.54c-.5.04-.7.67-.32.99l4.87 4.22-1.46 6.27c-.09.38.21.7.55.7.1 0 .2-.03.29-.08l5.02-3.03v-1.43c0-.37.08-.73.23-1.05l-.77.46-2.61 1.58.69-2.97.27-1.18L8.4 13l-2.31-2 3.03-.26 1.2-.1.47-1.11 1.19-2.81 1.19 2.81.47 1.11 1.2.1 3.03.26-.08.07c.73.15 1.39.5 1.91.99l2.04-1.77c.38-.33.18-.95-.32-.99ZM20 15.96h-.5V15a2.5 2.5 0 0 0-2.76-2.49c-1.3.13-2.24 1.32-2.24 2.63v.82H14c-.55 0-1 .45-1 1v4.54c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-4.54c0-.55-.45-1-1-1M17.01 20c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1m1.49-4.04h-3V15c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.