Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">folder_personal</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#folder-personal" />
</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-folder-personal" viewBox="0 0 24 24">
<path d="M14.44 17.76c-.63-.91-.89-2.09-.56-3.33.36-1.38 1.49-2.48 2.88-2.82 1.94-.47 3.7.5 4.51 2.04l.32-1.81c.22-1.22-.73-2.35-1.97-2.35H7.18c-.97 0-1.8.7-1.97 1.65L4 17.99V6h5l2 2h10c.55 0 1-.45 1-1s-.45-1-1-1h-9l-1.71-1.71A1 1 0 0 0 9.58 4H3.99c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h7.14c.37-1.01 1.3-1.45 1.75-1.66.36-.17.89-.38 1.55-.57Zm.87-2.89a2.51 2.51 0 0 0 3.05 3.05 2.49 2.49 0 0 0 1.8-1.8 2.51 2.51 0 0 0-3.05-3.05c-.87.21-1.59.93-1.8 1.8m6.65 4.82c-.81-.37-2.32-.91-4.22-.91s-3.41.54-4.22.91-1.04.67-1.04 1.19c0 .28.15.86.29 1.34.13.45.54.77 1.01.77h7.92c.47 0 .88-.31 1.01-.77.14-.48.29-1.06.29-1.34 0-.53-.23-.82-1.04-1.19"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.