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-outlined-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-outline mi-function" viewBox="0 0 24 24">
<path d="M4.79 20q-.433 0-.79-.056v-1.88q.17.024.332.024.474 0 .832-.31.357-.311.505-1.01l1.585-7.5H5.987l.233-1.126 1.422-.653.14-.653q.319-1.476 1.073-2.152Q9.615 4 10.984 4q1.017 0 1.826.38l-.622 1.741a2.5 2.5 0 0 0-1.033-.24.9.9 0 0 0-.715.31q-.272.312-.365.816l-.094.482h4.258a1 1 0 0 1 .945.675l.662 1.92L17.74 7.49h2.751l-3.629 4.36 1.896 4.328h-2.533l-.971-2.658-2.052 2.658h-2.72l3.723-4.453-.759-1.837a1 1 0 0 0-.924-.618h-2.93l-1.67 7.848Q7.322 20 4.79 20"/>
<path d="M4 1a3 3 0 0 0-3 3v16a3 3 0 0 0 3 3h16a3 3 0 0 0 3-3V4a3 3 0 0 0-3-3zM3 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.