Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">file_type_pdf</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#file-type-pdf" />
</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-file-type-pdf" viewBox="0 0 24 24">
<path d="M5.5 13.94c.55 0 1-.45 1-1v-9h6v5c0 .55.45 1 1 1h5v3c0 .55.45 1 1 1s1-.45 1-1V8.35c0-.27-.11-.52-.29-.71L14.8 2.23a1 1 0 0 0-.71-.29H6.5c-1.1 0-2 .9-2 2v9c0 .55.45 1 1 1m6.67.43h-2.3V21h2.15c1.1 0 1.96-.3 2.57-.9s.91-1.45.91-2.56c0-1.03-.29-1.81-.87-2.36-.58-.54-1.4-.82-2.47-.82Zm1.09 4.69c-.25.32-.65.47-1.2.47h-.4v-3.72h.52c.49 0 .86.15 1.1.44q.36.435.36 1.35c0 .65-.13 1.13-.38 1.45ZM21 15.8v-1.44h-3.92v6.63h1.77V18.5h1.99v-1.44h-1.99v-1.27h2.16ZM6.3 14.37H4V21h1.79v-2.2h.5c.8 0 1.43-.2 1.86-.61.44-.4.66-.98.66-1.72q0-1.005-.63-1.56c-.42-.37-1.05-.55-1.89-.55Zm.46 2.74c-.16.15-.37.23-.64.23h-.33v-1.52h.46c.5 0 .74.22.74.67 0 .27-.08.47-.24.63Z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.