layer group icon

layer-group from Unicons Solid by Iconscout · Solid · User Interface · Apache-2.0 Free for personal and commercial use.

Name: layer-group
Set: Unicons Solid
Style: Solid
Category: User Interface
Viewbox: 24×24
License: Apache 2.0

The same icon in other sets

layer-groupFont Awesome 6 Solid layer-groupFont Awesome Solid layer-groupLine Awesome layer-groupUnicons layer-groupUnicons Monochrome

More user interface icons from Unicons Solid

Use the layer group icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m2.5 8.9l9 5.2c.2.1.3.1.5.1s.3 0 .5-.1l9-5.2c.2-.1.3-.2.4-.4c.2-.5.1-1.1-.4-1.4l-9-5.2c-.3-.2-.7-.2-1 0l-9 5.2c-.2.1-.3.2-.4.4c-.2.5-.1 1.1.4 1.4m19 2.2l-.2-.1l-8.8 5.1c-.3.2-.7.2-1 0L2.7 11l-.2.1c-.5.3-.6.9-.4 1.4c.1.2.2.3.4.4l9 5.2c.3.2.7.2 1 0l9-5.2c.5-.3.6-.9.4-1.4c-.1-.2-.2-.3-.4-.4m0 4l-.2-.1l-8.8 5.1c-.3.2-.7.2-1 0L2.7 15l-.2.1c-.5.3-.6.9-.4 1.4c.1.2.2.3.4.4l9 5.2c.3.2.7.2 1 0l9-5.2c.5-.3.6-.9.4-1.4c-.1-.2-.2-.3-.4-.4"/></svg>

React

import type { SVGProps } from "react";

export function UisLayerGroup(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m2.5 8.9l9 5.2c.2.1.3.1.5.1s.3 0 .5-.1l9-5.2c.2-.1.3-.2.4-.4c.2-.5.1-1.1-.4-1.4l-9-5.2c-.3-.2-.7-.2-1 0l-9 5.2c-.2.1-.3.2-.4.4c-.2.5-.1 1.1.4 1.4m19 2.2l-.2-.1l-8.8 5.1c-.3.2-.7.2-1 0L2.7 11l-.2.1c-.5.3-.6.9-.4 1.4c.1.2.2.3.4.4l9 5.2c.3.2.7.2 1 0l9-5.2c.5-.3.6-.9.4-1.4c-.1-.2-.2-.3-.4-.4m0 4l-.2-.1l-8.8 5.1c-.3.2-.7.2-1 0L2.7 15l-.2.1c-.5.3-.6.9-.4 1.4c.1.2.2.3.4.4l9 5.2c.3.2.7.2 1 0l9-5.2c.5-.3.6-.9.4-1.4c-.1-.2-.2-.3-.4-.4"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m2.5 8.9l9 5.2c.2.1.3.1.5.1s.3 0 .5-.1l9-5.2c.2-.1.3-.2.4-.4c.2-.5.1-1.1-.4-1.4l-9-5.2c-.3-.2-.7-.2-1 0l-9 5.2c-.2.1-.3.2-.4.4c-.2.5-.1 1.1.4 1.4m19 2.2l-.2-.1l-8.8 5.1c-.3.2-.7.2-1 0L2.7 11l-.2.1c-.5.3-.6.9-.4 1.4c.1.2.2.3.4.4l9 5.2c.3.2.7.2 1 0l9-5.2c.5-.3.6-.9.4-1.4c-.1-.2-.2-.3-.4-.4m0 4l-.2-.1l-8.8 5.1c-.3.2-.7.2-1 0L2.7 15l-.2.1c-.5.3-.6.9-.4 1.4c.1.2.2.3.4.4l9 5.2c.3.2.7.2 1 0l9-5.2c.5-.3.6-.9.4-1.4c-.1-.2-.2-.3-.4-.4"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m2.5%208.9l9%205.2c.2.1.3.1.5.1s.3%200%20.5-.1l9-5.2c.2-.1.3-.2.4-.4c.2-.5.1-1.1-.4-1.4l-9-5.2c-.3-.2-.7-.2-1%200l-9%205.2c-.2.1-.3.2-.4.4c-.2.5-.1%201.1.4%201.4m19%202.2l-.2-.1l-8.8%205.1c-.3.2-.7.2-1%200L2.7%2011l-.2.1c-.5.3-.6.9-.4%201.4c.1.2.2.3.4.4l9%205.2c.3.2.7.2%201%200l9-5.2c.5-.3.6-.9.4-1.4c-.1-.2-.2-.3-.4-.4m0%204l-.2-.1l-8.8%205.1c-.3.2-.7.2-1%200L2.7%2015l-.2.1c-.5.3-.6.9-.4%201.4c.1.2.2.3.4.4l9%205.2c.3.2.7.2%201%200l9-5.2c.5-.3.6-.9.4-1.4c-.1-.2-.2-.3-.4-.4%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m2.5%208.9l9%205.2c.2.1.3.1.5.1s.3%200%20.5-.1l9-5.2c.2-.1.3-.2.4-.4c.2-.5.1-1.1-.4-1.4l-9-5.2c-.3-.2-.7-.2-1%200l-9%205.2c-.2.1-.3.2-.4.4c-.2.5-.1%201.1.4%201.4m19%202.2l-.2-.1l-8.8%205.1c-.3.2-.7.2-1%200L2.7%2011l-.2.1c-.5.3-.6.9-.4%201.4c.1.2.2.3.4.4l9%205.2c.3.2.7.2%201%200l9-5.2c.5-.3.6-.9.4-1.4c-.1-.2-.2-.3-.4-.4m0%204l-.2-.1l-8.8%205.1c-.3.2-.7.2-1%200L2.7%2015l-.2.1c-.5.3-.6.9-.4%201.4c.1.2.2.3.4.4l9%205.2c.3.2.7.2%201%200l9-5.2c.5-.3.6-.9.4-1.4c-.1-.2-.2-.3-.4-.4%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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