Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">slope_peripendicular_end</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#slope-peripendicular-end" />
</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-slope-peripendicular-end" viewBox="0 0 24 24">
<path d="m6.46 6.144 3.892 3.421.007-.008 1.664-2.04 1.773 5.077 4.76 4.185.595.522-1 1.191-.594-.522-2.447-2.152-.125.156-1.046 1.296 2.24 2.033.009.008.498-.603.72.65-2.166 2.625-.721-.65.721-.876-.037-.033-2.782-2.525-.111-.1-.439-.355.02-.025-.03-.028.74-.851 1.217-1.508.164-.205-1.033-.908-4.98-1.43 1.4-1.718-3.91-3.436-.595-.523 1-1.19zm15.595 7.582-2.167 2.626-.721-.65 2.166-2.626zM4.903 8.299l-2.166 2.625-.721-.65 2.166-2.626zm4.649-5.633L7.385 5.292l-.722-.65L8.83 2.017z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.