Skip to main content

Layer Symbol

  • Tags:

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">layer_symbol</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#layer-symbol" />
</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-layer-symbol" viewBox="0 0 24 24">
  <path d="M12.01 6.73c-.19.76-.74 2.66-1.65 5.67h3.33c-.86-2.83-1.34-4.42-1.45-4.79s-.18-.67-.23-.88M12 2.02C6.5 2.02 2.02 6.5 2.02 12S6.5 21.98 12 21.98s9.98-4.48 9.98-9.98S17.5 2.02 12 2.02m3.26 15.84-.93-3.12H9.68l-.93 3.12H5.83l4.52-13.15h3.31l4.52 13.15z"/>
</svg>

SVG CSS code

Use for embedding your icons in CSS with no dependency.