Layers icon

A free layers icon in SVG, also found under stack, levels and arrange. Set the stroke weight and the corners, then copy the code or download the file.

Customize

1.25
Corners

SVG code

The markup below is the file that Copy and Download give you. It changes when you move the controls.

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="24" height="24" fill="none"
     stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="miter">
  <path d="M9.5 6.25L16 3L29 9.5L16 16L3 9.5Z"/>
  <path d="M3 16L16 22.5L29 16"/>
  <path d="M3 22.5L16 29L29 22.5"/>
</svg>

Use it from a CDN

jsDelivr serves this icon from the GitHub repository. No account and no install.

https://cdn.jsdelivr.net/gh/evanpizzolato/quick-start-icons/src/layers.svg
<img src="https://cdn.jsdelivr.net/gh/evanpizzolato/quick-start-icons/src/layers.svg" width="24" height="24" alt="">

The CDN file is the authored source: rounded corners, a stroke weight of 2, and no width or height. An image tag draws it in black. Paste the markup inline to color it with CSS.

Also found under

stack, levels, arrange, overlay, design layers

Search for any of these words on the home page to find this icon. It is in the layout and settings category. The license is MIT, free for personal and commercial use, with no attribution required.