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_missing</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-missing" />
</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-missing" 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-5m0 8.12c-.35 0-.62-.28-.62-.62s.28-.62.62-.62.62.28.62.62-.28.62-.62.62m1.41-3.36-.39.39c-.21.22-.34.39-.41.67-.03.14-.05.29-.05.46v.12H5.46v-.34a1.86 1.86 0 0 1 .53-1.31l.53-.55c.18-.16.24-.41.2-.66a.73.73 0 0 0-.51-.56.724.724 0 0 0-.9.47c-.07.22-.26.37-.47.37h-.13c-.16 0-.3-.07-.39-.2s-.12-.29-.08-.45c.2-.68.78-1.19 1.49-1.3.09-.02.17-.02.26-.02.57 0 1.15.32 1.53.84.56.79.36 1.6-.09 2.05Z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.