Layer Icon
Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.
The Layer icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/321030.svg" alt="Layer icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/321030.svg" alt="Layer icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/321030.svg" alt="Layer icon" :width="24" :height="24" />
CSS background
.icon-layer {
background-image: url('https://proicons.com/icon/321030.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<?xml version="1.0" encoding="UTF-8"?>
<svg width="320px" height="180px" viewBox="0 0 320 180" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>layer</title>
<g id="layer" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect id="Rectangle" fill="#F4F4F4" x="102" y="32" width="116" height="116"></rect>
<rect id="Rectangle" fill="#FFFFFF" x="118" y="48" width="84" height="84"></rect>
<rect id="Rectangle" fill="#F4F4F4" x="134" y="64" width="52" height="52"></rect>
<rect id="Rectangle" fill="#FFFFFF" x="150" y="80" width="20" height="20"></rect>
</g>
</svg>
More from Carbon Icons
View all
Layer in other icon packs
Copied!