Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">magic_wand</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-solid-icons.svg#magic-wand" />
</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-magic-wand" viewBox="0 0 24 24">
<path d="m21.12 14-1.44.29a.49.49 0 0 0-.39.39L19 16.12l-.29-1.44a.49.49 0 0 0-.39-.39L16.88 14l1.44-.29c.2-.04.35-.19.39-.39l.29-1.44.29 1.44c.04.2.19.35.39.39zM11.68 3.71a.49.49 0 0 1-.39-.39L11 1.88l-.29 1.44a.49.49 0 0 1-.39.39L8.88 4l1.44.29c.2.04.35.19.39.39L11 6.12l.29-1.44c.04-.2.19-.35.39-.39L13.12 4zM6.02 7.57a.75.75 0 0 1-.59-.59L5 4.82l-.43 2.16c-.06.3-.29.53-.59.59L1.82 8l2.16.43c.3.06.53.29.59.59L5 11.18l.43-2.16c.06-.3.29-.53.59-.59L8.18 8zm12.7-4.05 1.77 1.77c.39.39.39 1.02 0 1.41L6.7 20.49a.996.996 0 0 1-1.41 0l-1.77-1.77a.996.996 0 0 1 0-1.41L17.3 3.51a.996.996 0 0 1 1.41 0Zm-.71 1.41L14.3 8.64l1.06 1.06 3.71-3.71z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.