Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">assistant</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#assistant" />
</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-assistant" viewBox="0 0 24 24">
<path d="M4.917 14.754c.372-1.005 1.794-1.005 2.166 0l.249.674a2.1 2.1 0 0 0 1.24 1.24l.674.249c1.005.372 1.005 1.794 0 2.166l-.674.249a2.1 2.1 0 0 0-1.24 1.24l-.249.674c-.372 1.005-1.794 1.005-2.166 0l-.249-.674a2.1 2.1 0 0 0-1.24-1.24l-.674-.249c-1.005-.372-1.005-1.794 0-2.166l.674-.249a2.1 2.1 0 0 0 1.24-1.24zm11.01-2.008c.369-.995 1.777-.995 2.145 0l.196.53a4.16 4.16 0 0 0 2.456 2.456l.53.196c.995.368.995 1.776 0 2.144l-.53.196a4.16 4.16 0 0 0-2.456 2.456l-.196.53c-.368.995-1.776.995-2.144 0l-.196-.53a4.16 4.16 0 0 0-2.456-2.456l-.53-.196c-.995-.368-.995-1.776 0-2.144l.53-.196a4.16 4.16 0 0 0 2.456-2.456zM9.563 2.653c.322-.871 1.554-.87 1.877 0l.207.563a7 7 0 0 0 4.136 4.136l.563.208c.871.322.87 1.554 0 1.877l-.563.208a7 7 0 0 0-4.135 4.135l-.209.563c-.322.872-1.554.87-1.876 0l-.208-.563a7 7 0 0 0-4.136-4.135l-.563-.208c-.871-.323-.87-1.555 0-1.877l.563-.208a7 7 0 0 0 4.136-4.136z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.