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_start</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-start" />
</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-start" viewBox="0 0 24 24">
<path d="m17.406 19.358-2.166 2.625-.721-.65 2.167-2.625zM6.46 6.144l4.722 4.15.209-.254L13.054 8l1.894 5.423.069.243 3.54 3.113.594.522-1 1.191-.594-.522-4.29-3.772L9 12.973l1.2-1.471-.977-.858-.187.197-1.36 1.43-.72.82-.033-.027-.023.024-.416-.396-.107-.09-2.868-2.426-.091-.077-.68.825-.722-.65 2.166-2.626.721.65-.54.655.128.109 2.31 1.953 1.148-1.207.146-.156-2.636-2.317-.595-.523 1-1.19zm15.595 7.582-2.167 2.626-.721-.65 2.166-2.626zM9.552 2.666 7.385 5.292l-.722-.65L8.83 2.017z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.