Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">package_pickup</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#package-pickup" />
</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-package-pickup" viewBox="0 0 24 24">
<path d="M6.01 12V5.51h1.4a.6.6 0 0 0 .45-1L4.96 1.2a.61.61 0 0 0-.91 0l-2.9 3.31c-.34.39-.06 1 .45 1H3V12h3Zm14.95-4.31c0-.43-.28-.81-.68-.95l-8.31-2.76-2.48.84c.01.32-.03.65-.17.95C8.99 6.49 7.72 7 7.72 7l5.97 2.14-1.72.61-4.46-1.59v1.59l3.71 1.32v8.05l-6.69-3.05-.02-2.57h-1.5l.02 2.9c0 .39.23.74.58.9l7.94 3.63c.26.12.56.12.82 0l8.01-3.58c.36-.16.59-.52.59-.92l-.02-8.76ZM10.75 5.98l1.22-.42 6.11 2.03-1.41.5-5.93-2.11Zm1.97 13.16v-8.06l2.45-.87v2.81l2-.77V9.51l2.29-.81.02 7.42z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.