Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">refresh_bold</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#refresh-bold" />
</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-refresh-bold" viewBox="0 0 24 24">
<path d="M20.57 4.03c-.57-.24-1.2-.11-1.63.33l-.59.59a9.52 9.52 0 0 0-7.19-2.41c-4.47.39-8.08 3.9-8.58 8.36-.31 2.75.52 5.4 2.35 7.44a9.52 9.52 0 0 0 7.08 3.17c3.69 0 6.97-2.08 8.56-5.42.24-.51.21-1.1-.09-1.58-.3-.47-.81-.75-1.37-.75-.63 0-1.19.35-1.44.89a6.26 6.26 0 0 1-5.65 3.61c-3.33 0-6.2-2.81-6.25-6.15-.03-1.69.61-3.28 1.8-4.48a6.2 6.2 0 0 1 4.45-1.87c1.48 0 2.9.53 4.03 1.51L14.5 8.82c-.44.44-.56 1.06-.33 1.63.24.57.77.93 1.39.93h4.46c.83 0 1.5-.67 1.5-1.5V5.42c0-.62-.35-1.15-.93-1.39Z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.