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-solid-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-solid mi-package-missing" viewBox="0 0 24 24">
<path d="m20.96 7.74-2.88 1.07v3.31l-2 .77V9.56l-3.58 1.33v8.47c0 .72.74 1.2 1.39.9l6.5-2.9c.36-.16.59-.51.59-.91l-.02-8.72Zm-.43-.91-8.56-2.84-2.59.88 8.18 3.07 2.98-1.11ZM6.35 5.9l-2.81.96L12.06 10l2.61-.97-8.31-3.12ZM2.98 7.72 3 10.51v.74a6.465 6.465 0 0 1 8.5 2.32v-2.71L7.51 9.39zm3.01 4.29c-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.44v-.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.