layer icon
layer-filled from Reicon by REICON · Filled · Newicons · MIT Free for personal and commercial use.
- Name
- layer-filled
- Set
- Reicon
- Style
- Filled
- Category
- Newicons
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
The same icon in other sets
All layer icons →More newicons icons from Reicon
Use the layer icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="m19.37 4.891l-5.86-2.61c-.86-.38-2.16-.38-3.02 0l-5.86 2.61c-1.48.66-1.7 1.56-1.7 2.04s.22 1.38 1.7 2.04l5.86 2.61c.43.19.97.29 1.51.29s1.08-.1 1.51-.29l5.86-2.61c1.48-.66 1.7-1.56 1.7-2.04s-.21-1.38-1.7-2.04"/><path d="M12 17.04c-.38 0-.76-.08-1.11-.23l-6.74-3c-1.03-.46-1.83-1.69-1.83-2.82c0-.41.33-.74.74-.74s.74.33.74.74c0 .54.45 1.24.95 1.46l6.74 3c.32.14.69.14 1.01 0l6.74-3c.5-.22.95-.91.95-1.46c0-.41.33-.74.74-.74s.74.33.74.74c0 1.12-.8 2.36-1.83 2.82l-6.74 3c-.34.15-.72.23-1.1.23"/><path d="M12 22c-.38 0-.76-.08-1.11-.23l-6.74-3a3.09 3.09 0 0 1-1.83-2.82c0-.41.33-.74.74-.74s.74.33.74.74c0 .63.37 1.2.95 1.46l6.74 3c.32.14.69.14 1.01 0l6.74-3c.57-.25.95-.83.95-1.46c0-.41.33-.74.74-.74s.74.33.74.74c0 1.22-.72 2.32-1.83 2.82l-6.74 3c-.34.15-.72.23-1.1.23"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconLayerFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="m19.37 4.891l-5.86-2.61c-.86-.38-2.16-.38-3.02 0l-5.86 2.61c-1.48.66-1.7 1.56-1.7 2.04s.22 1.38 1.7 2.04l5.86 2.61c.43.19.97.29 1.51.29s1.08-.1 1.51-.29l5.86-2.61c1.48-.66 1.7-1.56 1.7-2.04s-.21-1.38-1.7-2.04"/><path d="M12 17.04c-.38 0-.76-.08-1.11-.23l-6.74-3c-1.03-.46-1.83-1.69-1.83-2.82c0-.41.33-.74.74-.74s.74.33.74.74c0 .54.45 1.24.95 1.46l6.74 3c.32.14.69.14 1.01 0l6.74-3c.5-.22.95-.91.95-1.46c0-.41.33-.74.74-.74s.74.33.74.74c0 1.12-.8 2.36-1.83 2.82l-6.74 3c-.34.15-.72.23-1.1.23"/><path d="M12 22c-.38 0-.76-.08-1.11-.23l-6.74-3a3.09 3.09 0 0 1-1.83-2.82c0-.41.33-.74.74-.74s.74.33.74.74c0 .63.37 1.2.95 1.46l6.74 3c.32.14.69.14 1.01 0l6.74-3c.57-.25.95-.83.95-1.46c0-.41.33-.74.74-.74s.74.33.74.74c0 1.22-.72 2.32-1.83 2.82l-6.74 3c-.34.15-.72.23-1.1.23"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="m19.37 4.891l-5.86-2.61c-.86-.38-2.16-.38-3.02 0l-5.86 2.61c-1.48.66-1.7 1.56-1.7 2.04s.22 1.38 1.7 2.04l5.86 2.61c.43.19.97.29 1.51.29s1.08-.1 1.51-.29l5.86-2.61c1.48-.66 1.7-1.56 1.7-2.04s-.21-1.38-1.7-2.04"/><path d="M12 17.04c-.38 0-.76-.08-1.11-.23l-6.74-3c-1.03-.46-1.83-1.69-1.83-2.82c0-.41.33-.74.74-.74s.74.33.74.74c0 .54.45 1.24.95 1.46l6.74 3c.32.14.69.14 1.01 0l6.74-3c.5-.22.95-.91.95-1.46c0-.41.33-.74.74-.74s.74.33.74.74c0 1.12-.8 2.36-1.83 2.82l-6.74 3c-.34.15-.72.23-1.1.23"/><path d="M12 22c-.38 0-.76-.08-1.11-.23l-6.74-3a3.09 3.09 0 0 1-1.83-2.82c0-.41.33-.74.74-.74s.74.33.74.74c0 .63.37 1.2.95 1.46l6.74 3c.32.14.69.14 1.01 0l6.74-3c.57-.25.95-.83.95-1.46c0-.41.33-.74.74-.74s.74.33.74.74c0 1.22-.72 2.32-1.83 2.82l-6.74 3c-.34.15-.72.23-1.1.23"/></g></svg> </template>
CSS
.icon-layer-filled {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22m19.37%204.891l-5.86-2.61c-.86-.38-2.16-.38-3.02%200l-5.86%202.61c-1.48.66-1.7%201.56-1.7%202.04s.22%201.38%201.7%202.04l5.86%202.61c.43.19.97.29%201.51.29s1.08-.1%201.51-.29l5.86-2.61c1.48-.66%201.7-1.56%201.7-2.04s-.21-1.38-1.7-2.04%22%2F%3E%3Cpath%20d%3D%22M12%2017.04c-.38%200-.76-.08-1.11-.23l-6.74-3c-1.03-.46-1.83-1.69-1.83-2.82c0-.41.33-.74.74-.74s.74.33.74.74c0%20.54.45%201.24.95%201.46l6.74%203c.32.14.69.14%201.01%200l6.74-3c.5-.22.95-.91.95-1.46c0-.41.33-.74.74-.74s.74.33.74.74c0%201.12-.8%202.36-1.83%202.82l-6.74%203c-.34.15-.72.23-1.1.23%22%2F%3E%3Cpath%20d%3D%22M12%2022c-.38%200-.76-.08-1.11-.23l-6.74-3a3.09%203.09%200%200%201-1.83-2.82c0-.41.33-.74.74-.74s.74.33.74.74c0%20.63.37%201.2.95%201.46l6.74%203c.32.14.69.14%201.01%200l6.74-3c.57-.25.95-.83.95-1.46c0-.41.33-.74.74-.74s.74.33.74.74c0%201.22-.72%202.32-1.83%202.82l-6.74%203c-.34.15-.72.23-1.1.23%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22m19.37%204.891l-5.86-2.61c-.86-.38-2.16-.38-3.02%200l-5.86%202.61c-1.48.66-1.7%201.56-1.7%202.04s.22%201.38%201.7%202.04l5.86%202.61c.43.19.97.29%201.51.29s1.08-.1%201.51-.29l5.86-2.61c1.48-.66%201.7-1.56%201.7-2.04s-.21-1.38-1.7-2.04%22%2F%3E%3Cpath%20d%3D%22M12%2017.04c-.38%200-.76-.08-1.11-.23l-6.74-3c-1.03-.46-1.83-1.69-1.83-2.82c0-.41.33-.74.74-.74s.74.33.74.74c0%20.54.45%201.24.95%201.46l6.74%203c.32.14.69.14%201.01%200l6.74-3c.5-.22.95-.91.95-1.46c0-.41.33-.74.74-.74s.74.33.74.74c0%201.12-.8%202.36-1.83%202.82l-6.74%203c-.34.15-.72.23-1.1.23%22%2F%3E%3Cpath%20d%3D%22M12%2022c-.38%200-.76-.08-1.11-.23l-6.74-3a3.09%203.09%200%200%201-1.83-2.82c0-.41.33-.74.74-.74s.74.33.74.74c0%20.63.37%201.2.95%201.46l6.74%203c.32.14.69.14%201.01%200l6.74-3c.57-.25.95-.83.95-1.46c0-.41.33-.74.74-.74s.74.33.74.74c0%201.22-.72%202.32-1.83%202.82l-6.74%203c-.34.15-.72.23-1.1.23%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/layer-filled.svg?color=%231a73e8&size=48
