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_rfq</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-rfq" />
</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-rfq" viewBox="0 0 24 24">
<path d="M5 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.3 2.23a1 1 0 0 0-.71-.29H6c-1.1 0-2 .9-2 2v9c0 .55.45 1 1 1m14.43 7.7c.98-.54 1.48-1.58 1.48-3.13 0-1.15-.28-2.02-.84-2.62-.56-.59-1.38-.89-2.47-.89s-1.91.3-2.48.9-.85 1.47-.85 2.6.29 2.02.86 2.62q.855.9 2.46.9c1.605 0 0 .01 0 .01l1.2 1.52h2.3l-1.67-1.92Zm-.8-1.63c-.23.32-.57.48-1.04.48q-1.38 0-1.38-1.98c0-1.98.46-2 1.39-2 .45 0 .8.16 1.02.49s.34.83.34 1.51-.11 1.18-.34 1.5Zm-9.26 1.92h1.82v-2.56h2.04v-1.48h-2.04v-1.3h2.22v-1.48H9.38v6.82Zm-1.45-4.81c0-1.34-.93-2.02-2.78-2.02H2.9v6.82h1.84v-2.48h.47l1.45 2.48h2.09l-1.99-2.97c.77-.43 1.16-1.04 1.16-1.83m-2.83.94h-.34V16.5h.36c.63 0 .95.23.95.71 0 .57-.32.85-.97.85"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.