Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">my_edits</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="/transportation-icons.svg#my-edits" />
</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-solid mi-my-edits" viewBox="0 0 24 24">
<path d="m22.77 10.05-1.82-1.82c-.3-.3-.79-.3-1.1 0l-1.42 1.42 2.92 2.92 1.42-1.42c.3-.3.3-.79 0-1.1M6.68 13.63a.939.939 0 1 0 0 1.88h1.88a.939.939 0 1 0 0-1.88zm-2.8-8.44h1.88v.94h7.5v-.94h1.88v5.65l1.19-1.19.69-.69V5.19c0-1.03-.84-1.88-1.88-1.88h-2.81C12.33 1.75 11.07.5 9.52.5S6.71 1.76 6.71 3.31H3.9c-1.03 0-1.88.84-1.88 1.88v12.19c0 1.03.84 1.88 1.88 1.88h3.62c0-.5.2-.98.55-1.34l.54-.54H3.88zm9.38 6.56c0-.52-.42-.94-.94-.94H6.7a.939.939 0 1 0 0 1.88h5.62c.52 0 .94-.42.94-.94m-4.14 7.22c-.08.08-.12.17-.12.28v2.36c0 .22.17.39.39.39h2.36c.1 0 .2-.04.27-.12l8.49-8.49-2.92-2.92-8.49 8.49ZM12.32 8H6.7a.939.939 0 1 0 0 1.88h5.62a.939.939 0 1 0 0-1.88"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.