Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">hand</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#hand" />
</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-hand" viewBox="0 0 24 24">
<path d="M17.62 4.83c-.1 0-.21 0-.31.02a2.57 2.57 0 0 0-2.53-2.14c-.32 0-.63.06-.91.17-.47-.54-1.16-.87-1.93-.87-1.27 0-2.33.93-2.53 2.14-.1-.01-.2-.02-.31-.02-1.41 0-2.56 1.15-2.56 2.56v5.5l-.68-.39a2.55 2.55 0 0 0-3.04.37c-.5.49-.78 1.14-.79 1.83 0 .69.26 1.34.74 1.82l4.79 4.87c.81.84 1.91 1.3 3.09 1.3h4.6c2.7 0 4.9-2.2 4.9-4.9V7.4c0-1.41-1.15-2.56-2.56-2.56Zm1.06 12.27c0 1.88-1.52 3.4-3.4 3.4h-4.6c-.77 0-1.49-.3-2.02-.85l-4.8-4.88c-.42-.42-.4-1.1.02-1.51.2-.19.47-.3.73-.3.18 0 .36.05.53.14l2.92 1.66V6.69c0-.59.47-1.06 1.06-1.06s1.06.47 1.06 1.06v4.24c0 .2.16.35.35.35s.35-.16.35-.35V4.56c0-.59.47-1.06 1.06-1.06S13 3.97 13 4.56v6.38c0 .2.16.35.35.35s.35-.16.35-.35V5.27c0-.59.47-1.06 1.06-1.06s1.06.47 1.06 1.06v5.67c0 .2.16.35.35.35s.35-.16.35-.35V7.4c0-.59.47-1.06 1.06-1.06s1.06.47 1.06 1.06v9.7Z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.