Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">advanced_instructions</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#advanced-instructions" />
</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-advanced-instructions" viewBox="0 0 24 24">
<path d="M4.34 7.9a.485.485 0 0 0 .7 0l1.07-1.07L7.18 7.9a.485.485 0 0 0 .7 0c.2-.2.2-.51 0-.71L6.81 6.12l1.07-1.07c.2-.2.2-.51 0-.71s-.51-.2-.71 0L6.1 5.41 5.03 4.34c-.2-.2-.51-.2-.71 0s-.2.51 0 .71l1.07 1.07-1.07 1.07c-.2.2-.2.51 0 .71Zm12.35 8.41c-.2-.2-.51-.2-.71 0l-1.07 1.07-1.07-1.07c-.2-.2-.51-.2-.71 0s-.2.51 0 .71l1.07 1.07-1.07 1.07c-.2.2-.2.51 0 .71a.485.485 0 0 0 .7 0l1.07-1.07 1.07 1.07a.485.485 0 0 0 .7 0c.2-.2.2-.51 0-.71l-1.07-1.07 1.07-1.07c.2-.2.2-.51 0-.71Zm1.01-8.28 2.38-2.64c.17-.19.16-.47-.03-.64L17.4 2.37a.448.448 0 0 0-.75.35l.08 1.53c-2.37.18-8.95 1.47-10.34 10.18-1.37.28-2.4 1.49-2.4 2.94 0 1.65 1.35 3 3 3s3-1.35 3-3c0-1.15-.66-2.15-1.62-2.65 1.2-7.37 6.58-8.37 8.47-8.49l.08 1.5c.02.4.52.58.79.28ZM6.99 18.38c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1m12.79-6.45 1.07-1.07c.2-.2.2-.51 0-.71s-.51-.2-.71 0l-1.07 1.07L18 10.15c-.2-.2-.51-.2-.71 0s-.2.51 0 .71l1.07 1.07L17.29 13c-.2.2-.2.51 0 .71a.485.485 0 0 0 .7 0l1.07-1.07 1.07 1.07a.485.485 0 0 0 .7 0c.2-.2.2-.51 0-.71l-1.07-1.07Z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.