Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">hand_pan</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#hand-pan" />
</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-hand-pan" viewBox="0 0 24 24">
<path d="M9.59 11.81H8.58V8.6h3.2v1.01c0 .26.32.4.52.21l1.61-1.61c.12-.12.12-.31 0-.43L12.3 6.17c-.19-.19-.52-.05-.52.21v1.01H8.57v-3.2h1.01c.26 0 .4-.32.21-.52L8.18 2.06a.3.3 0 0 0-.43 0L6.14 3.67c-.19.19-.05.52.21.52h1.01V7.4h-3.2V6.39c0-.26-.32-.4-.52-.21L2.03 7.79c-.12.12-.12.31 0 .43l1.61 1.61c.19.19.52.05.52-.21V8.61h3.21v3.2H6.36c-.26 0-.4.32-.21.52l1.61 1.61c.12.12.31.12.43 0l1.61-1.61c.19-.19.05-.52-.21-.52m11.6-.65c-.45 0-.81.36-.81.81v2.71c0 .15-.12.27-.27.27s-.27-.12-.27-.27v-4.34c0-.45-.36-.81-.81-.81s-.81.36-.81.81v4.34c0 .15-.12.27-.27.27s-.27-.12-.27-.27V9.8c0-.45-.36-.81-.81-.81s-.81.36-.81.81v4.87c0 .15-.12.27-.27.27s-.27-.12-.27-.27v-3.24c0-.45-.36-.81-.81-.81s-.81.36-.81.81v6.18l-2.23-1.27a.823.823 0 0 0-1.11.29c-.19.32-.13.72.13.98l3.67 3.73c.4.42.96.65 1.55.65h3.52c1.44 0 2.6-1.16 2.6-2.6v-7.42c0-.45-.36-.81-.81-.81Z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.