Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">function</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-solid-icons.svg#function" />
</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-solid mi-function" viewBox="0 0 24 24">
<path d="M1 4a3 3 0 0 1 3-3h16a3 3 0 0 1 3 3v16a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3zm3 15.944q.357.056.79.056 2.534 0 3.132-2.883l1.67-7.848h2.931a1 1 0 0 1 .924.618l.759 1.837-3.722 4.453h2.72l2.05-2.658.972 2.658h2.534l-1.897-4.329 3.63-4.359H17.74l-1.896 2.596-.661-1.921a1 1 0 0 0-.945-.675H9.98l.094-.482q.093-.504.365-.816a.9.9 0 0 1 .715-.31q.497 0 1.033.24l.622-1.74Q12.001 4 10.984 4q-1.368 0-2.13.684-.754.676-1.072 2.152l-.14.653-1.422.653-.233 1.127h1.267l-1.585 7.498q-.148.7-.505 1.01a1.23 1.23 0 0 1-.832.311A2.4 2.4 0 0 1 4 18.064z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.