Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">collapse_bold</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#collapse-bold" />
</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-collapse-bold" viewBox="0 0 24 24">
<path d="M14.91 10.09h4.29c.41 0 .77-.24.92-.62s.07-.8-.22-1.09l-1.09-1.09 1.86-1.84c.28-.27.43-.64.43-1.03s-.15-.75-.49-1.1c-.27-.27-.64-.43-1.03-.43s-.75.15-1.03.43l-1.84 1.86-1.09-1.09a1.002 1.002 0 0 0-1.71.7v4.29c0 .55.45 1 1 1Zm-5.82 3.82H4.8c-.41 0-.77.24-.92.62s-.07.8.22 1.09l1.09 1.09-1.86 1.84c-.28.27-.43.64-.43 1.03s.15.75.49 1.1c.27.27.64.43 1.03.43s.75-.15 1.03-.43l1.84-1.86 1.09 1.09a1.002 1.002 0 0 0 1.71-.7v-4.29c0-.55-.45-1-1-1Zm9.73 2.8 1.09-1.09a1.002 1.002 0 0 0-.7-1.71h-4.29c-.55 0-1 .45-1 1v4.29c0 .41.24.77.62.92.38.16.8.07 1.09-.22l1.09-1.09 1.84 1.86c.27.28.64.43 1.03.43s.75-.15 1.1-.49c.27-.27.43-.64.43-1.03s-.15-.75-.43-1.03l-1.86-1.84ZM9.47 3.87a.98.98 0 0 0-1.09.22L7.29 5.18 5.45 3.32c-.27-.28-.61-.43-1.03-.43-.39 0-.75.15-1.1.49-.27.27-.43.64-.43 1.03s.15.75.43 1.03l1.86 1.84-1.09 1.09a1.002 1.002 0 0 0 .7 1.71h4.29c.55 0 1-.45 1-1V4.79c0-.41-.24-.77-.62-.92Z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.