Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">number</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#number" />
</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-number" viewBox="0 0 24 24">
<path d="M20.036 7.59a4.08 4.08 0 0 1 2.513.687c.588.417.933 1.136.911 1.897a2.8 2.8 0 0 1-.585 1.784 3.3 3.3 0 0 1-1.695 1.085v.045q2.584.349 2.584 2.66c.028.967-.395 1.883-1.125 2.438q-1.14.894-3.165.894a8.6 8.6 0 0 1-1.541-.13 5.8 5.8 0 0 1-1.418-.333v-2.495c.402.196.827.333 1.263.406.424.113.858.173 1.294.179.46.035.92-.062 1.335-.28a.97.97 0 0 0 .42-.874 1.04 1.04 0 0 0-.217-.707 1.4 1.4 0 0 0-.705-.374 5.2 5.2 0 0 0-1.271-.125H18v-2.271h.638q2.122 0 2.122-1.178a.74.74 0 0 0-.315-.65 1.47 1.47 0 0 0-.843-.215 3.66 3.66 0 0 0-2.048.719l-1.16-2.032a5.5 5.5 0 0 1 1.677-.869 6.8 6.8 0 0 1 1.965-.26M6 7.851v11.172H3.375v-8.125q-.345.504-.75.954l-1.178 1.049L0 10.975l3.54-3.124zm5.733-.179a4.04 4.04 0 0 1 1.79.382c.502.231.93.617 1.233 1.109.289.468.44 1.021.435 1.585a4.34 4.34 0 0 1-.623 2.311q-.372.61-.843 1.133-.537.597-2.25 2.264v.077h3.9v2.49h-7.5v-1.987l2.55-2.775q1.08-1.223 1.41-1.67.275-.351.46-.767a1.8 1.8 0 0 0 .133-.674.92.92 0 0 0-.263-.687 1 1 0 0 0-.75-.252c-.346.007-.684.11-.982.3a7 7 0 0 0-1.125.891L7.778 9.46q.616-.627 1.338-1.105a4.6 4.6 0 0 1 1.182-.508 5.4 5.4 0 0 1 1.435-.175"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.