layers icon
layers from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- layers
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
2 other variants in IonIcons
The same icon in other sets
Use the layers icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M256 256c-13.47 0-26.94-2.39-37.44-7.17l-148-67.49C63.79 178.26 48 169.25 48 152.24s15.79-26 22.58-29.12l149.28-68.07c20.57-9.4 51.61-9.4 72.19 0l149.37 68.07c6.79 3.09 22.58 12.1 22.58 29.12s-15.79 26-22.58 29.11l-148 67.48C282.94 253.61 269.47 256 256 256m176.76-100.86"/><path fill="currentColor" d="M441.36 226.81L426.27 220l-38.77 17.74l-94 43c-10.5 4.8-24 7.19-37.44 7.19s-26.93-2.39-37.42-7.19l-94.07-43L85.79 220l-15.22 6.84C63.79 229.93 48 239 48 256s15.79 26.08 22.56 29.17l148 67.63C229 357.6 242.49 360 256 360s26.94-2.4 37.44-7.19l147.87-67.61c6.81-3.09 22.69-12.11 22.69-29.2s-15.77-26.07-22.64-29.19"/><path fill="currentColor" d="m441.36 330.8l-15.09-6.8l-38.77 17.73l-94 42.95c-10.5 4.78-24 7.18-37.44 7.18s-26.93-2.39-37.42-7.18l-94.07-43L85.79 324l-15.22 6.84C63.79 333.93 48 343 48 360s15.79 26.07 22.56 29.15l148 67.59C229 461.52 242.54 464 256 464s26.88-2.48 37.38-7.27l147.92-67.57c6.82-3.08 22.7-12.1 22.7-29.16s-15.77-26.07-22.64-29.2"/></svg>
React
import type { SVGProps } from "react";
export function IonLayers(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M256 256c-13.47 0-26.94-2.39-37.44-7.17l-148-67.49C63.79 178.26 48 169.25 48 152.24s15.79-26 22.58-29.12l149.28-68.07c20.57-9.4 51.61-9.4 72.19 0l149.37 68.07c6.79 3.09 22.58 12.1 22.58 29.12s-15.79 26-22.58 29.11l-148 67.48C282.94 253.61 269.47 256 256 256m176.76-100.86"/><path fill="currentColor" d="M441.36 226.81L426.27 220l-38.77 17.74l-94 43c-10.5 4.8-24 7.19-37.44 7.19s-26.93-2.39-37.42-7.19l-94.07-43L85.79 220l-15.22 6.84C63.79 229.93 48 239 48 256s15.79 26.08 22.56 29.17l148 67.63C229 357.6 242.49 360 256 360s26.94-2.4 37.44-7.19l147.87-67.61c6.81-3.09 22.69-12.11 22.69-29.2s-15.77-26.07-22.64-29.19"/><path fill="currentColor" d="m441.36 330.8l-15.09-6.8l-38.77 17.73l-94 42.95c-10.5 4.78-24 7.18-37.44 7.18s-26.93-2.39-37.42-7.18l-94.07-43L85.79 324l-15.22 6.84C63.79 333.93 48 343 48 360s15.79 26.07 22.56 29.15l148 67.59C229 461.52 242.54 464 256 464s26.88-2.48 37.38-7.27l147.92-67.57c6.82-3.08 22.7-12.1 22.7-29.16s-15.77-26.07-22.64-29.2"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M256 256c-13.47 0-26.94-2.39-37.44-7.17l-148-67.49C63.79 178.26 48 169.25 48 152.24s15.79-26 22.58-29.12l149.28-68.07c20.57-9.4 51.61-9.4 72.19 0l149.37 68.07c6.79 3.09 22.58 12.1 22.58 29.12s-15.79 26-22.58 29.11l-148 67.48C282.94 253.61 269.47 256 256 256m176.76-100.86"/><path fill="currentColor" d="M441.36 226.81L426.27 220l-38.77 17.74l-94 43c-10.5 4.8-24 7.19-37.44 7.19s-26.93-2.39-37.42-7.19l-94.07-43L85.79 220l-15.22 6.84C63.79 229.93 48 239 48 256s15.79 26.08 22.56 29.17l148 67.63C229 357.6 242.49 360 256 360s26.94-2.4 37.44-7.19l147.87-67.61c6.81-3.09 22.69-12.11 22.69-29.2s-15.77-26.07-22.64-29.19"/><path fill="currentColor" d="m441.36 330.8l-15.09-6.8l-38.77 17.73l-94 42.95c-10.5 4.78-24 7.18-37.44 7.18s-26.93-2.39-37.42-7.18l-94.07-43L85.79 324l-15.22 6.84C63.79 333.93 48 343 48 360s15.79 26.07 22.56 29.15l148 67.59C229 461.52 242.54 464 256 464s26.88-2.48 37.38-7.27l147.92-67.57c6.82-3.08 22.7-12.1 22.7-29.16s-15.77-26.07-22.64-29.2"/></svg> </template>
CSS
.icon-layers {
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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M256%20256c-13.47%200-26.94-2.39-37.44-7.17l-148-67.49C63.79%20178.26%2048%20169.25%2048%20152.24s15.79-26%2022.58-29.12l149.28-68.07c20.57-9.4%2051.61-9.4%2072.19%200l149.37%2068.07c6.79%203.09%2022.58%2012.1%2022.58%2029.12s-15.79%2026-22.58%2029.11l-148%2067.48C282.94%20253.61%20269.47%20256%20256%20256m176.76-100.86%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M441.36%20226.81L426.27%20220l-38.77%2017.74l-94%2043c-10.5%204.8-24%207.19-37.44%207.19s-26.93-2.39-37.42-7.19l-94.07-43L85.79%20220l-15.22%206.84C63.79%20229.93%2048%20239%2048%20256s15.79%2026.08%2022.56%2029.17l148%2067.63C229%20357.6%20242.49%20360%20256%20360s26.94-2.4%2037.44-7.19l147.87-67.61c6.81-3.09%2022.69-12.11%2022.69-29.2s-15.77-26.07-22.64-29.19%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m441.36%20330.8l-15.09-6.8l-38.77%2017.73l-94%2042.95c-10.5%204.78-24%207.18-37.44%207.18s-26.93-2.39-37.42-7.18l-94.07-43L85.79%20324l-15.22%206.84C63.79%20333.93%2048%20343%2048%20360s15.79%2026.07%2022.56%2029.15l148%2067.59C229%20461.52%20242.54%20464%20256%20464s26.88-2.48%2037.38-7.27l147.92-67.57c6.82-3.08%2022.7-12.1%2022.7-29.16s-15.77-26.07-22.64-29.2%22%2F%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M256%20256c-13.47%200-26.94-2.39-37.44-7.17l-148-67.49C63.79%20178.26%2048%20169.25%2048%20152.24s15.79-26%2022.58-29.12l149.28-68.07c20.57-9.4%2051.61-9.4%2072.19%200l149.37%2068.07c6.79%203.09%2022.58%2012.1%2022.58%2029.12s-15.79%2026-22.58%2029.11l-148%2067.48C282.94%20253.61%20269.47%20256%20256%20256m176.76-100.86%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M441.36%20226.81L426.27%20220l-38.77%2017.74l-94%2043c-10.5%204.8-24%207.19-37.44%207.19s-26.93-2.39-37.42-7.19l-94.07-43L85.79%20220l-15.22%206.84C63.79%20229.93%2048%20239%2048%20256s15.79%2026.08%2022.56%2029.17l148%2067.63C229%20357.6%20242.49%20360%20256%20360s26.94-2.4%2037.44-7.19l147.87-67.61c6.81-3.09%2022.69-12.11%2022.69-29.2s-15.77-26.07-22.64-29.19%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m441.36%20330.8l-15.09-6.8l-38.77%2017.73l-94%2042.95c-10.5%204.78-24%207.18-37.44%207.18s-26.93-2.39-37.42-7.18l-94.07-43L85.79%20324l-15.22%206.84C63.79%20333.93%2048%20343%2048%20360s15.79%2026.07%2022.56%2029.15l148%2067.59C229%20461.52%20242.54%20464%20256%20464s26.88-2.48%2037.38-7.27l147.92-67.57c6.82-3.08%2022.7-12.1%2022.7-29.16s-15.77-26.07-22.64-29.2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/layers.svg?color=%231a73e8&size=48
