Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">camera_walk</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#camera-walk" />
</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-camera-walk" viewBox="0 0 24 24">
<path d="M8.696 20.861c0 1.192-.98 2.139-2.278 2.139s-2.152-.947-2.152-2.108v-1.865l4.43-.03zM6.418 6.5c1.867 0 3.418 2.2 3.418 4.889 0 .122 0 .275-.032.397V12c0 .153 0 .397-.063.55L8.73 17.5c-.064.275-.286.428-.57.428H4.581c-.285 0-.506-.153-.57-.428l-.949-5.01C3 12.335 3 12.152 3 12v-.611C3 8.699 4.55 6.5 6.418 6.5m12.532 6.997v1.864c0 1.192-.98 2.139-2.278 2.139s-2.28-.978-2.28-2.139v-1.864zM16.672 1c1.867 0 3.417 2.2 3.417 4.889v1.16L19.076 12c-.063.275-.284.428-.57.428H14.9c-.284 0-.507-.153-.57-.428l-1.013-5.01c-.063-.154-.062-.337-.062-.49v-.611c0-2.69 1.55-4.889 3.418-4.889"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.