Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">optimize</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#optimize" />
</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-optimize" viewBox="0 0 24 24">
<path d="M20.934 10.416a5.97 5.97 0 0 1-.56 3.528 7.05 7.05 0 0 1-3.065 3.192q.008.09.009.181a1.965 1.965 0 0 1-1.985 1.985 1.985 1.985 0 1 1 0-3.969 1.97 1.97 0 0 1 1.623.83 6.25 6.25 0 0 0 2.504-2.695 5.07 5.07 0 0 0 .439-2.82A1.991 1.991 0 0 1 18.7 7.137a8 8 0 0 0-1.185-1.406 4.4 4.4 0 0 0-1.634-1.046 2.03 2.03 0 0 1-1.898 1.324 1.98 1.98 0 0 1-1.83-1.239 8.9 8.9 0 0 0-2.495 1.16 9.9 9.9 0 0 0-2.192 2.038 2.06 2.06 0 0 1 .463 1.877.5.5 0 0 1 .332.677.573.573 0 0 1-.745.305c-.012-.005-.108-.069-.108-.068a1.98 1.98 0 0 1-1.401.568 2 2 0 0 1-.416-.043 14 14 0 0 0-.854 3.058 24 24 0 0 0-.225 2.553.6.6 0 0 1 .177-.018.6.6 0 0 1 .335.136.5.5 0 0 1 .144.263.57.57 0 0 1-.146.47.7.7 0 0 1-.307.129.7.7 0 0 1-.225 0v.18a1.984 1.984 0 0 1 1.517 1.922A2.03 2.03 0 0 1 3.984 22 2.025 2.025 0 0 1 2 19.976a1.99 1.99 0 0 1 1.419-1.9 27.5 27.5 0 0 1 .248-3.814 14.2 14.2 0 0 1 .977-3.452 1.96 1.96 0 0 1-.66-1.469 2.035 2.035 0 0 1 1.437-1.935l-.008-.089a.497.497 0 0 1 .99.04 2 2 0 0 1 .196.05 11.4 11.4 0 0 1 2.465-2.272 10.5 10.5 0 0 1 2.947-1.358A1.99 1.99 0 0 1 13.984 2a2.04 2.04 0 0 1 1.992 1.64 5.7 5.7 0 0 1 2.334 1.376A8.7 8.7 0 0 1 19.703 6.7a2 2 0 0 1 .273-.018A2 2 0 0 1 22 8.667a1.97 1.97 0 0 1-1.066 1.75Zm-9.59-7.759a.5.5 0 1 0 .5.5.5.5 0 0 0-.5-.5M9.956 2.5a.5.5 0 1 0 .5.5.5.5 0 0 0-.5-.5m-1.329.105a.5.5 0 1 0 .5.5.5.5 0 0 0-.5-.5m-1.23.595a.5.5 0 1 0 .5.5.5.5 0 0 0-.5-.5m-.895 1.014a.5.5 0 1 0 .5.5.5.5 0 0 0-.5-.5m-.415 1.233a.5.5 0 1 0 .5.5.5.5 0 0 0-.5-.5m-.921 10.2a.5.5 0 1 0 .5.499.5.5 0 0 0-.5-.5Zm.612-1.159a.5.5 0 1 0 .5.5.5.5 0 0 0-.5-.5m.986-.952a.5.5 0 1 0 .5.5.5.5 0 0 0-.5-.5m1.206-.687a.5.5 0 1 0 .5.5.5.5 0 0 0-.5-.5m1.272-.174a.5.5 0 1 0 .5.5.5.5 0 0 0-.5-.5m1.31.04a.5.5 0 1 0 .5.5.5.5 0 0 0-.5-.5m1.349-.136a.5.5 0 1 0 .5.5.5.5 0 0 0-.5-.5m1.863 2.192a.5.5 0 1 0 .5.5.5.5 0 0 0-.5-.5m-.415-1.214a.5.5 0 1 0 .5.5.5.5 0 0 0-.5-.5m4.605-3.717a.5.5 0 1 0 .5.5.5.5 0 0 0-.5-.5m-1.167.823a.5.5 0 1 0 .5.5.5.5 0 0 0-.5-.5m-1.16.677a.5.5 0 1 0 .5.5.5.5 0 0 0-.5-.5m-1.167.47a.5.5 0 1 0 .5.5.5.5 0 0 0-.5-.5M13 9.802a.5.5 0 1 0 .5.5.5.5 0 0 0-.5-.5m0 1.262a.5.5 0 1 0 .5.5.5.5 0 0 0-.5-.5m.174-2.52a.5.5 0 1 0 .5.5.5.5 0 0 0-.5-.5m-.048 3.805a.5.5 0 1 0 .5.5.5.5 0 0 0-.5-.5m.28-5.177a.5.5 0 1 0 .5.5.5.5 0 0 0-.5-.5m.148-1.177a.5.5 0 1 0 .5.5.5.5 0 0 0-.5-.5m1.125.878a.5.5 0 1 0 .5.5.5.5 0 0 0-.5-.5m1.408.04a.5.5 0 1 0 .5.5.5.5 0 0 0-.5-.5m1.317.31a.5.5 0 1 0 .5.5.5.5 0 0 0-.5-.5m-5.106.62a.5.5 0 1 0 .5.5.5.5 0 0 0-.5-.5m-.837 1.093a.5.5 0 1 0 .5.5.5.5 0 0 0-.5-.5m-1.101.842a.5.5 0 1 0 .5.5.5.5 0 0 0-.5-.5m-1.277.349a.5.5 0 1 0 .5.5.5.5 0 0 0-.5-.5"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.