Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">log_out</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="/connect-icons.svg#log-out" />
</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-connect mi-log-out" viewBox="0 0 24 24">
<path d="M11.065 4a8.03 8.03 0 0 1 5.772 2.44l.833.85h-2.331l-.14-.121a6.34 6.34 0 0 0-4.134-1.518C7.531 5.651 4.657 8.5 4.657 12s2.874 6.349 6.408 6.349a6.43 6.43 0 0 0 4.137-1.522l.139-.117h2.337l-.819.848C15.337 19.133 13.28 20 11.065 20 6.618 20 3 16.411 3 12s3.618-8 8.065-8m11.14 7.703-3.673 3.703-1.221-1.183 1.662-1.675H9v-1.69h9.973L17.31 9.182 18.532 8z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.