Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">sign</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#sign" />
</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-sign" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="M10.4 6.233c.634-1.213.472-2.062.078-2.206-.448-.163-1.259.49-1.83 2.248a8.8 8.8 0 0 0-.445 2.474c.887-.594 1.622-1.418 2.196-2.516m-2.544 12.78H6.36c-.106.741.19 1.188.614 1.267.433.08.826-.279.882-1.268m-.84-2h.651a30 30 0 0 0-.187-.832 7 7 0 0 0-.464.831m2.692 0H22v2H9.858q0 .045-.004.088c-.112 2.141-1.545 3.461-3.246 3.145-1.438-.268-2.366-1.592-2.255-3.234H2v-2h2.851c.484-1.32 1.165-2.384 2.027-3.248a33 33 0 0 1-.442-2.106c-.999.243-2.082.354-3.236.354v-2c1.1 0 2.103-.113 3.005-.363a10.8 10.8 0 0 1 .54-3.992c.878-2.7 2.674-4.143 4.417-3.509 1.718.626 2.142 2.847 1.01 5.012-.95 1.814-2.24 3.047-3.818 3.816q.102.673.268 1.441.201-.12.411-.233l.351-.19.06-.033c2.533-1.376 3.64-1.713 4.877-.732.426.337.7.733.842 1.165q.235-.173.463-.323c1.544-1.016 2.914-1.28 4.046-.315 1.355 1.157 1.101 2.806-.368 4.567l-1.536-1.28c.858-1.029.93-1.49.606-1.765-.253-.216-.766-.116-1.65.465-.382.251-.79.567-1.293.99-.14.118-1.152.992-1.417 1.207-.936.76-2.168-.479-1.403-1.41.686-.836.796-1.474.47-1.734-.275-.216-.986 0-2.682.922l-.06.033-.358.194a8 8 0 0 0-.86.535c.283 1.124.471 1.907.587 2.532"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.