Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">panorama</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#panorama" />
</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-panorama" viewBox="0 0 24 24">
<path d="M7.705 11.309c.783-.192 1.259-.966 1.062-1.73-.195-.764-.988-1.227-1.771-1.036-.783.19-1.259.964-1.063 1.728s.99 1.229 1.772 1.037"/>
<path fill-rule="evenodd" d="M22 5A48.5 48.5 0 0 1 2 5c-.352-.075-1 0-1 1.004V18c0 1 .65 1.075 1 1a48.5 48.5 0 0 1 20 0c.644.137 1 0 1-1V6.004C23 5 22.563 4.926 22 5m-3.192 11.967c.97.131 1.879.295 2.702.492V6.53a50.3 50.3 0 0 1-19.045 0v10.94c1.1-.215 2.263-.392 3.461-.53l3.473-4.252a.333.333 0 0 1 .452-.06l1.708 1.827c.105.113.269.108.358-.02l2.845-4.07a.36.36 0 0 1 .312-.153.36.36 0 0 1 .288.204z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.