Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">view_view_only</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#view-view-only" />
</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-view-view-only" viewBox="0 0 24 24">
<path d="M2.76 20.968H1v-.856h1.76zm3.52 0H4.52v-.856h1.76zm3.52 0H8.04v-.856H9.8zm3.52 0h-1.758v-.856h1.758zm3.52 0h-1.76v-.856h1.76zm3.521 0h-1.76v-.856h1.76zm2.639 0h-.879v-1.712H23zm-1.76-1.712H2.76V4.71h18.48zM1.88 18.4H1v-1.71h.879zM23 17.546h-.879v-1.712H23zM4.52 6.422v11.123h14.96V6.422zM12 8.159a6.03 6.03 0 0 1 5.61 3.825A6.03 6.03 0 0 1 12 15.81a6.03 6.03 0 0 1-5.61-3.826A6.03 6.03 0 0 1 12 8.16M1.879 14.98H1v-1.712h.879zM12 9.434a2.551 2.551 0 1 0 2.55 2.55A2.55 2.55 0 0 0 12 9.434m11 4.689h-.879v-1.71H23zm-11-3.669c.847 0 1.53.684 1.53 1.53a1.529 1.529 0 1 1-3.06 0c0-.846.684-1.53 1.53-1.53M1.879 11.556H1V9.845h.879zM23 10.7h-.879V8.988H23zM1.879 8.134H1V6.422h.879zM23 7.278h-.879V5.566H23zM1.879 4.712H1V3h.879zm3.52-.856H3.64V3H5.4zm3.522 0H7.16V3h1.76zm3.519 0h-1.76V3h1.76zm3.52 0h-1.759V3h1.76zm3.52 0h-1.76V3h1.76zm3.52 0h-1.76V3H23z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.