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_delivered</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-delivered" />
</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-delivered" viewBox="0 0 24 24">
<path d="M20.96 7.69c0-.43-.28-.81-.68-.95l-8.31-2.76-4.23 1.44-2.29.78-1.79.61a1 1 0 0 0-.68.95v3.48c.48-.25.98-.43 1.51-.56v-2l6.72 2.4v2.06c.8 1.08 1.28 2.41 1.28 3.85s-.46 2.72-1.23 3.79l.29.13c.26.12.57.13.83 0l8-3.57c.36-.16.59-.52.59-.92l-.02-8.76Zm-8.98-2.12 6.11 2.03-1.41.5-5.93-2.11 1.22-.42Zm0 4.19L5.96 7.62l1.77-.6 5.97 2.14-1.72.61Zm.75 9.38v-8.06l2.45-.87v2.81l2-.77V9.51l2.29-.81.02 7.42zM6.01 12c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5m2.78 3.87-3.2 3.2a.5.5 0 0 1-.35.15c-.13 0-.26-.05-.36-.15L3.23 17.4a.5.5 0 0 1 0-.7c.19-.19.51-.19.7 0l1.3 1.31 2.84-2.85c.19-.19.51-.19.7 0s0 .01 0 .01c.19.19.19.51 0 .7Z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.