Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">video_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#video-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-video-360" viewBox="0 0 24 24">
<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.004m-6.744-5.4c.729 0 1.333.604 1.333 1.333v5.334a1.33 1.33 0 0 1-1.333 1.333H7.333C6.583 13.5 6 12.917 6 12.167V6.833A1.33 1.33 0 0 1 7.333 5.5zm4.291.792c.208-.146.458-.146.688-.042.208.125.354.354.354.583v5.334c0 .25-.146.479-.355.604-.229.104-.479.104-.687-.042l-2-1.333-.291-.188V7.813l.291-.188z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.