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_delivery</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-delivery" />
</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-delivery" viewBox="0 0 24 24">
<path d="m20.28 6.74-8.31-2.76-3.49 1.19L5.46 6.2l-1.79.61a1 1 0 0 0-.68.95l.02 2.74h1.5V8.69l6.72 2.4v8.05l-1.72-.79V20l2.06.94c.26.12.56.12.82 0l8.01-3.58c.36-.16.59-.52.59-.92l-.02-8.76c0-.43-.28-.81-.68-.95Zm-8.3-1.18 6.11 2.03-1.41.5-5.93-2.11 1.22-.42ZM5.96 7.61l1.77-.6 5.97 2.14-1.72.61-6.02-2.14Zm6.77 11.53v-8.06l2.45-.87v2.81l2-.77V9.51l2.29-.81.02 7.42zm-5.31-.66h-1.4v-6.49h-3v6.49h-1.4a.6.6 0 0 0-.45 1l2.9 3.31c.24.27.67.27.91 0l2.9-3.31c.34-.39.06-1-.45-1Z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.