Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">photo_360</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#photo-360" />
</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-photo-360" viewBox="0 0 24 24">
<g clip-path="url(#a)">
<path d="M3.535 10.776a.75.75 0 0 1 .93 1.178c-.696.55-.965 1.084-.965 1.546 0 .63.516 1.4 1.831 2.105.783.419 1.776.769 2.919 1.014V16a.75.75 0 0 1 1.238-.57l1.75 1.5a.75.75 0 0 1-.051 1.18l-.156.11a.8.8 0 0 1-.204.146l-1.391.994a.75.75 0 0 1-1.186-.61v-.6c-1.387-.27-2.627-.688-3.627-1.223C3.162 16.144 2 14.983 2 13.5c0-1.094.642-2.018 1.535-2.724m15.876.124a.75.75 0 0 1 .991-.168l.063.044.164.135c.807.687 1.37 1.563 1.371 2.589 0 1.483-1.162 2.644-2.623 3.427-1.504.805-3.55 1.345-5.821 1.515a.75.75 0 1 1-.112-1.496c2.124-.159 3.952-.66 5.225-1.342C19.984 14.9 20.5 14.13 20.5 13.5c0-.404-.206-.864-.724-1.34l-.24-.206-.059-.05a.75.75 0 0 1-.066-1.004M13.43 4c.492 0 .914.328 1.054.773l.258.727H16.5c.82 0 1.5.68 1.5 1.5v6c0 .844-.68 1.5-1.5 1.5h-9A1.48 1.48 0 0 1 6 13V7c0-.82.656-1.5 1.5-1.5h1.734l.258-.727c.14-.445.563-.773 1.055-.773zM12 7.75c-.82 0-1.547.445-1.969 1.125a2.27 2.27 0 0 0 0 2.25A2.27 2.27 0 0 0 12 12.25c.797 0 1.523-.422 1.945-1.125a2.27 2.27 0 0 0 0-2.25C13.523 8.195 12.797 7.75 12 7.75"/>
</g>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.