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_hand</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-hand" />
</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-hand" viewBox="0 0 24 24">
<path d="M12.096 1c.917 0 2.017.504 1.925 1.787l-.504 7.7 1.421-5.5c0-.687 1.192-2.2 2.017-2.2.916-.092 1.696 1.192 1.42 2.384-.274 1.1-.32.687-.779 2.52-.5 1.777-1.273 4.05-1.283 4.08.011-.03.922-2.48 1.787-3.392.78-.917 1.513-1.283 2.2-.916.688.32 1.101 1.42.505 2.704-1.1 2.108-1.513 2.888-2.017 4.904C17.505 20.296 15.58 23 11.868 23c-4.492 0-6.51-3.3-7.38-4.675-1.283-2.2-1.512-3.025-2.383-4.72-.275-.505-.183-3.392 2.475-2.384.502.182 2.372 3.28 2.384 3.3-.002-.035-.095-2.904-.505-5.683-.501-2.78-1.002-4.29-1.008-4.309 0-.687.688-1.788 1.604-1.788.825 0 1.604.413 1.604 1.1.003.008.597 1.198.917 3.209.318 1.956.41 4.003.412 4.033l.505-8.296c0-.687.595-1.787 1.603-1.787"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.