Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">zoom_to_selected_item</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#zoom-to-selected-item" />
</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-zoom-to-selected-item" viewBox="0 0 24 24">
<path d="M20.889 2C21.503 2 22 2.498 22 3.111V20.89a1.11 1.11 0 0 1-1.111 1.111H3.11A1.11 1.11 0 0 1 2 20.889V3.11C2 2.498 2.498 2 3.111 2zM4.222 19.777h15.555V4.222H4.222zm5.885-4.233h3.782a.24.24 0 0 1 .153.031c.113.066.15.212.083.323l-1.89 2.836a.237.237 0 1 1-.473 0l-1.89-2.836a.24.24 0 0 1-.031-.153.24.24 0 0 1 .266-.201m5.466-5.588a.236.236 0 0 1 .325-.083l2.834 1.89a.296.296 0 0 1 0 .59l-2.834 1.892a.236.236 0 0 1-.355-.236v-3.9a.24.24 0 0 1 .03-.153m-7.32-.113c.13.019.22.137.201.267v3.78a.237.237 0 0 1-.354.237l-2.836-1.89a.237.237 0 0 1 0-.473L8.1 9.873a.24.24 0 0 1 .153-.03m3.745-4.814c.13 0 .236.107.236.237l2.01 2.836a.237.237 0 0 1-.236.354h-3.9a.24.24 0 0 1-.153-.031.235.235 0 0 1-.083-.323l1.89-2.836c0-.13.106-.237.236-.237"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.