layers active icon
layers-active from Codicons by Microsoft Corporation · Regular · CC-BY-4.0 Attribution required.
- Name
- layers-active
- Set
- Codicons
- Style
- Regular
- Viewbox
- 16×16
- License
- CC BY 4.0
Related icons in Codicons
Use the layers active icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="m2.486 5.854l5 3.001a1 1 0 0 0 1.027-.001l5-2.999c.299-.179.486-.509.486-.858s-.186-.677-.486-.857L8.517 1.142a1.01 1.01 0 0 0-1.031-.002l-5 2.999A1.01 1.01 0 0 0 2 4.997c0 .349.186.678.486.857M8 1.997l5 3l-5 3l-5-3zm5.854 4.987L8 10.497L2.146 6.984A1 1 0 0 0 2 7.497c0 .35.187.679.486.857l5 3.001a1 1 0 0 0 1.028-.001l1.354-.812a3.98 3.98 0 0 1 2.458-1.474l1.188-.713c.3-.18.486-.509.486-.858c0-.183-.054-.359-.146-.513M8 12.997L2.146 9.484A1 1 0 0 0 2 9.997c0 .35.187.679.486.857l5 3.001a1 1 0 0 0 1.028-.001l.54-.324C9.03 13.355 9 13.181 9 12.999c0-.22.031-.431.065-.642zM13 10a3 3 0 1 0 0 6a3 3 0 0 0 0-6m1.604 2.604l-1.75 1.75a.5.5 0 0 1-.708 0l-1-1a.5.5 0 0 1 .707-.707l.646.646l1.396-1.396a.5.5 0 0 1 .707.707z"/></svg>
React
import type { SVGProps } from "react";
export function CodiconLayersActive(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="m2.486 5.854l5 3.001a1 1 0 0 0 1.027-.001l5-2.999c.299-.179.486-.509.486-.858s-.186-.677-.486-.857L8.517 1.142a1.01 1.01 0 0 0-1.031-.002l-5 2.999A1.01 1.01 0 0 0 2 4.997c0 .349.186.678.486.857M8 1.997l5 3l-5 3l-5-3zm5.854 4.987L8 10.497L2.146 6.984A1 1 0 0 0 2 7.497c0 .35.187.679.486.857l5 3.001a1 1 0 0 0 1.028-.001l1.354-.812a3.98 3.98 0 0 1 2.458-1.474l1.188-.713c.3-.18.486-.509.486-.858c0-.183-.054-.359-.146-.513M8 12.997L2.146 9.484A1 1 0 0 0 2 9.997c0 .35.187.679.486.857l5 3.001a1 1 0 0 0 1.028-.001l.54-.324C9.03 13.355 9 13.181 9 12.999c0-.22.031-.431.065-.642zM13 10a3 3 0 1 0 0 6a3 3 0 0 0 0-6m1.604 2.604l-1.75 1.75a.5.5 0 0 1-.708 0l-1-1a.5.5 0 0 1 .707-.707l.646.646l1.396-1.396a.5.5 0 0 1 .707.707z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="m2.486 5.854l5 3.001a1 1 0 0 0 1.027-.001l5-2.999c.299-.179.486-.509.486-.858s-.186-.677-.486-.857L8.517 1.142a1.01 1.01 0 0 0-1.031-.002l-5 2.999A1.01 1.01 0 0 0 2 4.997c0 .349.186.678.486.857M8 1.997l5 3l-5 3l-5-3zm5.854 4.987L8 10.497L2.146 6.984A1 1 0 0 0 2 7.497c0 .35.187.679.486.857l5 3.001a1 1 0 0 0 1.028-.001l1.354-.812a3.98 3.98 0 0 1 2.458-1.474l1.188-.713c.3-.18.486-.509.486-.858c0-.183-.054-.359-.146-.513M8 12.997L2.146 9.484A1 1 0 0 0 2 9.997c0 .35.187.679.486.857l5 3.001a1 1 0 0 0 1.028-.001l.54-.324C9.03 13.355 9 13.181 9 12.999c0-.22.031-.431.065-.642zM13 10a3 3 0 1 0 0 6a3 3 0 0 0 0-6m1.604 2.604l-1.75 1.75a.5.5 0 0 1-.708 0l-1-1a.5.5 0 0 1 .707-.707l.646.646l1.396-1.396a.5.5 0 0 1 .707.707z"/></svg> </template>
CSS
.icon-layers-active {
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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m2.486%205.854l5%203.001a1%201%200%200%200%201.027-.001l5-2.999c.299-.179.486-.509.486-.858s-.186-.677-.486-.857L8.517%201.142a1.01%201.01%200%200%200-1.031-.002l-5%202.999A1.01%201.01%200%200%200%202%204.997c0%20.349.186.678.486.857M8%201.997l5%203l-5%203l-5-3zm5.854%204.987L8%2010.497L2.146%206.984A1%201%200%200%200%202%207.497c0%20.35.187.679.486.857l5%203.001a1%201%200%200%200%201.028-.001l1.354-.812a3.98%203.98%200%200%201%202.458-1.474l1.188-.713c.3-.18.486-.509.486-.858c0-.183-.054-.359-.146-.513M8%2012.997L2.146%209.484A1%201%200%200%200%202%209.997c0%20.35.187.679.486.857l5%203.001a1%201%200%200%200%201.028-.001l.54-.324C9.03%2013.355%209%2013.181%209%2012.999c0-.22.031-.431.065-.642zM13%2010a3%203%200%201%200%200%206a3%203%200%200%200%200-6m1.604%202.604l-1.75%201.75a.5.5%200%200%201-.708%200l-1-1a.5.5%200%200%201%20.707-.707l.646.646l1.396-1.396a.5.5%200%200%201%20.707.707z%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m2.486%205.854l5%203.001a1%201%200%200%200%201.027-.001l5-2.999c.299-.179.486-.509.486-.858s-.186-.677-.486-.857L8.517%201.142a1.01%201.01%200%200%200-1.031-.002l-5%202.999A1.01%201.01%200%200%200%202%204.997c0%20.349.186.678.486.857M8%201.997l5%203l-5%203l-5-3zm5.854%204.987L8%2010.497L2.146%206.984A1%201%200%200%200%202%207.497c0%20.35.187.679.486.857l5%203.001a1%201%200%200%200%201.028-.001l1.354-.812a3.98%203.98%200%200%201%202.458-1.474l1.188-.713c.3-.18.486-.509.486-.858c0-.183-.054-.359-.146-.513M8%2012.997L2.146%209.484A1%201%200%200%200%202%209.997c0%20.35.187.679.486.857l5%203.001a1%201%200%200%200%201.028-.001l.54-.324C9.03%2013.355%209%2013.181%209%2012.999c0-.22.031-.431.065-.642zM13%2010a3%203%200%201%200%200%206a3%203%200%200%200%200-6m1.604%202.604l-1.75%201.75a.5.5%200%200%201-.708%200l-1-1a.5.5%200%200%201%20.707-.707l.646.646l1.396-1.396a.5.5%200%200%201%20.707.707z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/codicon/layers-active.svg?color=%231a73e8&size=48
