Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">unknown</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#unknown" />
</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-unknown" viewBox="0 0 24 24">
<path d="M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm-7.192 12.575c-.297 0-.542.088-.711.264-.18.176-.266.418-.266.704 0 .275.085.495.255.682s.414.275.722.275c.307 0 .55-.088.731-.275a.97.97 0 0 0 .255-.682c0-.275-.085-.517-.266-.693-.18-.187-.413-.275-.72-.275m.158-9.075c-.918.002-1.667.255-2.227.759q-.493.443-.7 1.067c-.159.484.191 1.001.69 1.001h.275c.329 0 .573-.23.7-.55.064-.164.159-.297.275-.418.255-.242.585-.352.988-.352s.753.121.975.363c.223.242.33.594.33 1.056 0 .352-.097.671-.288.98-.127.197-.413.527-.88.989-.466.461-.774.89-.933 1.287a3.6 3.6 0 0 0-.18.693c-.075.462.307.88.763.88h.106c.372 0 .679-.286.753-.66.075-.396.213-.715.425-.957l.88-.89Q15 10.574 15 9.37c0-.902-.265-1.606-.806-2.112-.528-.504-1.278-.757-2.228-.759"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.