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_trip</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-trip" />
</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-trip" viewBox="0 0 24 24">
<path d="m7.326 13.237-1.09.396.496 1.089.99-.495Zm1.287 3.168-.495-1.089-.99.396.396 1.09Zm1.189-7.03-.397-1.09-.99.496.396.99Zm8.416-7.03a4.03 4.03 0 0 0-5.347 2.079 4.114 4.114 0 0 0 2.08 5.347 4.06 4.06 0 0 0 5.347-2.08 4.15 4.15 0 0 0-2.08-5.347Zm1.288 4.95a3.09 3.09 0 0 1-4.16 1.684 3.12 3.12 0 0 1-1.683-4.16 3.2 3.2 0 0 1 4.16-1.683 3.12 3.12 0 0 1 1.683 4.16Zm-4.16-.792.1 2.377 3.862-3.961-5.546-.198Zm-4.851 1.386.396 1.09 1.089-.496-.495-1.089Zm-2.773 2.472a2.175 2.175 0 1 0-2.175 2.175 2.175 2.175 0 0 0 2.175-2.175m3.718 9.464A2.175 2.175 0 1 0 9.265 22a2.175 2.175 0 0 0 2.175-2.175"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.