Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">folder_public</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#folder-public" />
</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-folder-public" viewBox="0 0 24 24">
<path d="M9.94 17.76c-.55-.8-.82-1.81-.66-2.88.27-1.83 1.86-3.26 3.71-3.38.75-.05 1.47.12 2.15.49l.37.2c.64-.44 1.42-.7 2.25-.7 1.52 0 2.83.87 3.51 2.12l.31-1.77c.22-1.22-.73-2.35-1.97-2.35H7.18c-.97 0-1.8.7-1.97 1.65L4 17.99V6h5l2 2h10c.55 0 1-.45 1-1s-.45-1-1-1h-9l-1.71-1.71A1 1 0 0 0 9.58 4H3.99c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h2.64l.03-.09c.06-.15.14-.3.26-.47.06-.09.13-.18.21-.26.3-.32.69-.58 1.25-.84.39-.18.91-.39 1.55-.57Zm3.3-4.76c-1.56 0-2.79 1.44-2.44 3.06.18.82.81 1.5 1.6 1.79s1.45.15 2.02-.16c-.41-.63-.66-1.38-.66-2.19s.24-1.56.66-2.19c-.35-.19-.75-.31-1.19-.31Zm2.1 1.88a2.51 2.51 0 0 0 3.05 3.05 2.49 2.49 0 0 0 1.8-1.8 2.51 2.51 0 0 0-3.05-3.05c-.87.21-1.59.93-1.8 1.8m-7.11 5.33s-.06.07-.08.11c-.04.05-.07.11-.09.16-.01.03-.03.07-.04.11-.03.1-.04.19-.04.31 0 .28.15.86.29 1.34.13.45.54.77 1.01.77h2.23c-.05-.12-.12-.22-.15-.35-.25-.88-.35-1.37-.35-1.76 0-.23.03-.46.1-.7.03-.1.06-.2.1-.28.06-.15.14-.3.26-.47.06-.09.13-.18.21-.26.11-.11.23-.22.36-.32-1.32.16-2.37.54-3 .83-.38.18-.62.33-.78.51Zm13.75-.51a10.1 10.1 0 0 0-4.23-.91c-1.91 0-3.41.54-4.22.91-.38.18-.62.33-.78.51-.03.04-.06.07-.08.11-.04.05-.07.11-.09.16-.01.03-.03.07-.04.11-.03.1-.04.19-.04.31 0 .28.15.86.29 1.34.13.45.54.77 1.01.77h7.92c.47 0 .88-.31 1.01-.77.14-.48.29-1.06.29-1.34 0-.53-.23-.82-1.04-1.19Z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.