Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">model_property</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#model-property" />
</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-model-property" viewBox="0 0 24 24">
<path d="M11.654 1.086a.74.74 0 0 1 .692 0l9.231 4.616c.27.115.423.384.423.692v10.77c0 .307-.154.577-.423.692l-9.231 4.615c-.116.039-.23.077-.346.077s-.23-.038-.346-.077l-9.231-4.615c-.27-.115-.423-.385-.423-.692V6.394c0-.308.154-.577.423-.692zm.73 10.155v9.5l8.078-4.04v-9.5zM3.539 16.7l8.077 4v-9.46L3.538 7.2zm15.77-.73-5.385 2.693v-6.462l5.385-2.693zM4.078 6.625 12 10.586l7.923-4L12 2.626z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.