layer group icon

layer-group from Font Awesome Solid by Dave Gandy · Solid · Design · CC-BY-4.0 Attribution required.

Name
layer-group
Set
Font Awesome Solid
Style
Solid
Category
Design
Viewbox
640×640
License
CC BY 4.0

The same icon in other sets

layer-groupFont Awesome 6 Solidlayer-groupLine Awesomelayer-groupUniconslayer-groupUnicons Monochromelayer-groupUnicons Solid

More design icons from Font Awesome Solid

adjustbezier-curveclonecropcrop-altcrosshairsdraw-polygoneyeeye-droppereye-slashfillfill-dripmagicobject-groupobject-ungrouppaint-brushpalettesplotchspray-canstampswatchbooktinttint-slash

Use the layer group icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M296.5 69.2c14.9-6.9 32.1-6.9 47 0l218.6 101c8.5 3.9 13.9 12.4 13.9 21.8s-5.4 17.9-13.9 21.8l-218.6 101c-14.9 6.9-32.1 6.9-47 0l-218.6-101c-8.5-4-13.9-12.5-13.9-21.8s5.4-17.9 13.9-21.8zM112.1 282.4l164.3 75.9c27.7 12.8 59.6 12.8 87.3 0L528 282.4l34.1 15.8c8.5 3.9 13.9 12.4 13.9 21.8s-5.4 17.9-13.9 21.8l-218.6 101c-14.9 6.9-32.1 6.9-47 0l-218.6-101c-8.5-4-13.9-12.5-13.9-21.8s5.4-17.9 13.9-21.8l34.1-15.8zM77.9 426.2l34.1-15.8l164.3 75.9c27.7 12.8 59.6 12.8 87.3 0l164.3-75.9l34.1 15.8c8.5 3.9 13.9 12.4 13.9 21.8s-5.4 17.9-13.9 21.8l-218.6 101c-14.9 6.9-32.1 6.9-47 0l-218.5-101c-8.5-4-13.9-12.5-13.9-21.8s5.4-17.9 13.9-21.8"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidLayerGroup(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M296.5 69.2c14.9-6.9 32.1-6.9 47 0l218.6 101c8.5 3.9 13.9 12.4 13.9 21.8s-5.4 17.9-13.9 21.8l-218.6 101c-14.9 6.9-32.1 6.9-47 0l-218.6-101c-8.5-4-13.9-12.5-13.9-21.8s5.4-17.9 13.9-21.8zM112.1 282.4l164.3 75.9c27.7 12.8 59.6 12.8 87.3 0L528 282.4l34.1 15.8c8.5 3.9 13.9 12.4 13.9 21.8s-5.4 17.9-13.9 21.8l-218.6 101c-14.9 6.9-32.1 6.9-47 0l-218.6-101c-8.5-4-13.9-12.5-13.9-21.8s5.4-17.9 13.9-21.8l34.1-15.8zM77.9 426.2l34.1-15.8l164.3 75.9c27.7 12.8 59.6 12.8 87.3 0l164.3-75.9l34.1 15.8c8.5 3.9 13.9 12.4 13.9 21.8s-5.4 17.9-13.9 21.8l-218.6 101c-14.9 6.9-32.1 6.9-47 0l-218.5-101c-8.5-4-13.9-12.5-13.9-21.8s5.4-17.9 13.9-21.8"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M296.5 69.2c14.9-6.9 32.1-6.9 47 0l218.6 101c8.5 3.9 13.9 12.4 13.9 21.8s-5.4 17.9-13.9 21.8l-218.6 101c-14.9 6.9-32.1 6.9-47 0l-218.6-101c-8.5-4-13.9-12.5-13.9-21.8s5.4-17.9 13.9-21.8zM112.1 282.4l164.3 75.9c27.7 12.8 59.6 12.8 87.3 0L528 282.4l34.1 15.8c8.5 3.9 13.9 12.4 13.9 21.8s-5.4 17.9-13.9 21.8l-218.6 101c-14.9 6.9-32.1 6.9-47 0l-218.6-101c-8.5-4-13.9-12.5-13.9-21.8s5.4-17.9 13.9-21.8l34.1-15.8zM77.9 426.2l34.1-15.8l164.3 75.9c27.7 12.8 59.6 12.8 87.3 0l164.3-75.9l34.1 15.8c8.5 3.9 13.9 12.4 13.9 21.8s-5.4 17.9-13.9 21.8l-218.6 101c-14.9 6.9-32.1 6.9-47 0l-218.5-101c-8.5-4-13.9-12.5-13.9-21.8s5.4-17.9 13.9-21.8"/></svg>
</template>

CSS

.icon-layer-group {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M296.5%2069.2c14.9-6.9%2032.1-6.9%2047%200l218.6%20101c8.5%203.9%2013.9%2012.4%2013.9%2021.8s-5.4%2017.9-13.9%2021.8l-218.6%20101c-14.9%206.9-32.1%206.9-47%200l-218.6-101c-8.5-4-13.9-12.5-13.9-21.8s5.4-17.9%2013.9-21.8zM112.1%20282.4l164.3%2075.9c27.7%2012.8%2059.6%2012.8%2087.3%200L528%20282.4l34.1%2015.8c8.5%203.9%2013.9%2012.4%2013.9%2021.8s-5.4%2017.9-13.9%2021.8l-218.6%20101c-14.9%206.9-32.1%206.9-47%200l-218.6-101c-8.5-4-13.9-12.5-13.9-21.8s5.4-17.9%2013.9-21.8l34.1-15.8zM77.9%20426.2l34.1-15.8l164.3%2075.9c27.7%2012.8%2059.6%2012.8%2087.3%200l164.3-75.9l34.1%2015.8c8.5%203.9%2013.9%2012.4%2013.9%2021.8s-5.4%2017.9-13.9%2021.8l-218.6%20101c-14.9%206.9-32.1%206.9-47%200l-218.5-101c-8.5-4-13.9-12.5-13.9-21.8s5.4-17.9%2013.9-21.8%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M296.5%2069.2c14.9-6.9%2032.1-6.9%2047%200l218.6%20101c8.5%203.9%2013.9%2012.4%2013.9%2021.8s-5.4%2017.9-13.9%2021.8l-218.6%20101c-14.9%206.9-32.1%206.9-47%200l-218.6-101c-8.5-4-13.9-12.5-13.9-21.8s5.4-17.9%2013.9-21.8zM112.1%20282.4l164.3%2075.9c27.7%2012.8%2059.6%2012.8%2087.3%200L528%20282.4l34.1%2015.8c8.5%203.9%2013.9%2012.4%2013.9%2021.8s-5.4%2017.9-13.9%2021.8l-218.6%20101c-14.9%206.9-32.1%206.9-47%200l-218.6-101c-8.5-4-13.9-12.5-13.9-21.8s5.4-17.9%2013.9-21.8l34.1-15.8zM77.9%20426.2l34.1-15.8l164.3%2075.9c27.7%2012.8%2059.6%2012.8%2087.3%200l164.3-75.9l34.1%2015.8c8.5%203.9%2013.9%2012.4%2013.9%2021.8s-5.4%2017.9-13.9%2021.8l-218.6%20101c-14.9%206.9-32.1%206.9-47%200l-218.5-101c-8.5-4-13.9-12.5-13.9-21.8s5.4-17.9%2013.9-21.8%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/layer-group.svg?color=%231a73e8&size=48