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-outlined-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-outline 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.48s.35.35.35.35l-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.71.71.35.35c-.2.2-.2.51 0 .71l.71.71c.08.08.18.14.28.19.04.02.08.03.12.05l.15.03c.14.02.27.02.4-.02.17-.04.33-.11.46-.24l2.12-2.12a.996.996 0 0 0 0-1.41Zm-2.83 2.83-.35-.35.35-.35-3.27-3.27c-.1-.93-.54-1.8-1.28-2.53-.22-.22-.47-.43-.74-.63 1.78.14 3.15 1.47 3.17 1.48l.29.29h.71l.83.83v.71L19.9 9.9l.35-.35.35.35-2.12 2.12Z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.