Skip to main content

Examples

Heading
Smaller heading

Inline text 

Example link text 

Icon font

Use in web applications, on buttons, and anywhere you need more than a few icons.

<i class="modus-icons" aria-hidden="true">forklift_packages</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="/modus-solid-icons.svg#forklift-packages" />
</svg>

SVG code

Use when you don't want any dependency.

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="mi-solid mi-forklift-packages" viewBox="0 0 24 24">
  <path d="M4.92 15.59c-1.49 0-2.71 1.21-2.71 2.71s1.21 2.71 2.71 2.71 2.7-1.21 2.71-2.7c0-1.49-1.21-2.71-2.71-2.71ZM5.24 4.5h3.53v5.77c.57.3 1.12.64 1.63 1.03V3H3.6v5.69c.55.07 1.09.16 1.63.28V4.5Zm8.41 11.98c.1 0 .19 0 .29.02v-2.33h-2.37a9.44 9.44 0 0 0-7.98-4.25v4.65c.42-.16.87-.24 1.32-.24 2.13 0 3.85 1.72 3.85 3.84 0 .43-.07.86-.21 1.27h2.37c0-.08-.01-.15-.01-.23 0-1.51 1.23-2.74 2.74-2.74Zm4.76-3.63h3.38V9.37h-3.38zm0-8.26v3.48h3.38V4.59zm-1.4.47h-1.77v11.03h5.73v-1.77h-3.96zm-3.36 12.39c-.98 0-1.77.79-1.77 1.77s.79 1.77 1.77 1.77 1.77-.79 1.77-1.77-.79-1.77-1.77-1.77"/>
</svg>

SVG CSS code

Use for embedding your icons in CSS with no dependency.