Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">hammer</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#hammer" />
</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-hammer" viewBox="0 0 24 24">
<path d="m21.31 9.18-.71-.71c-.2-.2-.51-.2-.71 0l-.71-.71v-.71l-1.41-1.41h-.71s-2.51-2.51-5.55-1.58c-.44.13-.51.74-.09.94 1.15.54 2.81 1.63 2.81 3.48l.35.35-4.24 4.24c-.2-.2-.51-.2-.71 0l-4.6 4.6c-.59.59-.59 1.54 0 2.12s1.54.59 2.12 0l4.6-4.6c.2-.2.2-.51 0-.71l4.24-4.24 1.06 1.06c-.2.2-.2.51 0 .71l.71.71c.39.39 1.02.39 1.41 0l2.12-2.12a.996.996 0 0 0 0-1.41Z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.