Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">megaphone</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#megaphone" />
</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-megaphone" viewBox="0 0 24 24">
<path d="M6 9c-1.71 0-3.09 1.43-3 3.16C3.08 13.78 4.54 15 6.17 15H8l1.54.62c-.01.13-.04.25-.04.38 0 1.93 1.57 3.5 3.5 3.5 1.13 0 2.13-.55 2.77-1.39l.85.34a1 1 0 0 0 1.37-.93V6.48c0-.71-.71-1.19-1.37-.93L7.99 9h-2Zm7 9.5a2.5 2.5 0 0 1-2.5-2.5l4.3 1.72c-.46.48-1.09.78-1.8.78m7-6.5c0 1.01-.39 1.92-1 2.62V9.38c.61.7 1 1.61 1 2.62"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.