Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">certificate</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#certificate" />
</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-certificate" viewBox="0 0 24 24">
<path d="M6 10c-.55 0-1 .45-1 1s.45 1 1 1h3c.55 0 1-.45 1-1s-.45-1-1-1zm6-2c0-.55-.45-1-1-1H6c-.55 0-1 .45-1 1s.45 1 1 1h5c.55 0 1-.45 1-1m6.89 5.25a.29.29 0 0 1-.07-.25l.17-.79a.29.29 0 0 0-.19-.33l-.76-.25a.3.3 0 0 1-.18-.18l-.25-.76a.28.28 0 0 0-.27-.19h-.06l-.79.17h-.06c-.07 0-.14-.03-.19-.07l-.6-.54c-.05-.05-.12-.07-.19-.07s-.13.02-.19.07l-.6.54c-.05.05-.12.07-.19.07h-.06l-.79-.17h-.06c-.12 0-.23.08-.27.19l-.25.76c-.03.09-.1.15-.18.18l-.76.25c-.14.04-.22.19-.19.33l.17.79c.02.09 0 .18-.07.25l-.54.6c-.1.11-.1.27 0 .38l.54.6c.06.07.09.16.07.25l-.17.79c-.03.14.05.28.19.33l.76.25s.08.04.11.06v4.84c0 .29.24.5.5.5.06 0 .12-.01.19-.04l1.81-.73 1.81.73c.06.02.12.04.19.04.26 0 .5-.21.5-.5v-4.88s.02-.02.04-.02l.76-.25c.14-.04.22-.19.19-.33l-.17-.79c-.02-.09 0-.18.07-.25l.54-.6c.1-.11.1-.27 0-.38l-.54-.6ZM15.5 16c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2M20 4H4c-1.1 0-2 .9-2 2v9c0 1.1.9 2 2 2h6.23c-.24-.44-.36-.96-.26-1.49-.13-.16-.23-.33-.32-.51H3.99V6h16v4.28c.73.5 1.13 1.38.96 2.28.72.85.72 2.09 0 2.94.08.46.02.92-.16 1.32.7-.31 1.2-1.01 1.2-1.83V6c0-1.1-.9-2-2-2Z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.