Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">key_api</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#key-api" />
</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-key-api" viewBox="0 0 24 24">
<path d="M5.22 12.61 2.5 20.97h2.47l.42-1.56H8.1l.41 1.56h2.46l-2.75-8.36zm.64 4.96c.35-1.31.57-2.18.67-2.63.1-.44.17-.76.2-.96.04.21.12.55.24 1.04.12.48.22.87.3 1.18l.36 1.37zM18.25 5.56h-5.31a3.83 3.83 0 0 0-4.38-2.47A3.81 3.81 0 0 0 5.61 6a3.835 3.835 0 0 0 3.73 4.65c1.62 0 3.06-1.02 3.6-2.55h2.77v1.27c0 .7.57 1.27 1.27 1.27s1.27-.57 1.27-1.27V8.1c.7 0 1.27-.57 1.27-1.27s-.57-1.27-1.27-1.27M9.34 8.11c-.7 0-1.27-.57-1.27-1.27s.57-1.27 1.27-1.27 1.27.57 1.27 1.27-.57 1.27-1.27 1.27m9.9 4.54v8.33h2.26v-8.33zm-4.49 0h-2.88v8.33h2.25v-2.76h.63c1.01 0 1.79-.25 2.34-.76s.82-1.22.82-2.16c0-.85-.26-1.5-.79-1.96q-.795-.69-2.37-.69m.58 3.44c-.2.19-.47.28-.81.28h-.41v-1.91h.58q.93 0 .93.84c0 .33-.1.6-.3.79Z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.