stack icon

stack from Bootstrap Icons by The Bootstrap Authors · Outline · MIT Free for personal and commercial use.

Name: stack
Set: Bootstrap Icons
Style: Outline
Viewbox: 16×16
License: MIT

The same icon in other sets

stack-16-filledFluent UI System Icons stackcss.gg stackMage Icons stackMaterial Symbols stack-16Octicons stackPhosphor stackRadix Icons stack-fillRemix Icon stackTabler Icons

Related icons in Bootstrap Icons

stack-overflow

Use the stack icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path d="m14.12 10.163l1.715.858c.22.11.22.424 0 .534L8.267 15.34a.6.6 0 0 1-.534 0L.165 11.555a.299.299 0 0 1 0-.534l1.716-.858l5.317 2.659c.505.252 1.1.252 1.604 0l5.317-2.66zM7.733.063a.6.6 0 0 1 .534 0l7.568 3.784a.3.3 0 0 1 0 .535L8.267 8.165a.6.6 0 0 1-.534 0L.165 4.382a.299.299 0 0 1 0-.535z"/><path d="m14.12 6.576l1.715.858c.22.11.22.424 0 .534l-7.568 3.784a.6.6 0 0 1-.534 0L.165 7.968a.299.299 0 0 1 0-.534l1.716-.858l5.317 2.659c.505.252 1.1.252 1.604 0z"/></g></svg>

React

import type { SVGProps } from "react";

export function BiStack(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path d="m14.12 10.163l1.715.858c.22.11.22.424 0 .534L8.267 15.34a.6.6 0 0 1-.534 0L.165 11.555a.299.299 0 0 1 0-.534l1.716-.858l5.317 2.659c.505.252 1.1.252 1.604 0l5.317-2.66zM7.733.063a.6.6 0 0 1 .534 0l7.568 3.784a.3.3 0 0 1 0 .535L8.267 8.165a.6.6 0 0 1-.534 0L.165 4.382a.299.299 0 0 1 0-.535z"/><path d="m14.12 6.576l1.715.858c.22.11.22.424 0 .534l-7.568 3.784a.6.6 0 0 1-.534 0L.165 7.968a.299.299 0 0 1 0-.534l1.716-.858l5.317 2.659c.505.252 1.1.252 1.604 0z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path d="m14.12 10.163l1.715.858c.22.11.22.424 0 .534L8.267 15.34a.6.6 0 0 1-.534 0L.165 11.555a.299.299 0 0 1 0-.534l1.716-.858l5.317 2.659c.505.252 1.1.252 1.604 0l5.317-2.66zM7.733.063a.6.6 0 0 1 .534 0l7.568 3.784a.3.3 0 0 1 0 .535L8.267 8.165a.6.6 0 0 1-.534 0L.165 4.382a.299.299 0 0 1 0-.535z"/><path d="m14.12 6.576l1.715.858c.22.11.22.424 0 .534l-7.568 3.784a.6.6 0 0 1-.534 0L.165 7.968a.299.299 0 0 1 0-.534l1.716-.858l5.317 2.659c.505.252 1.1.252 1.604 0z"/></g></svg>
</template>

CSS

.icon-stack {
  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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22m14.12%2010.163l1.715.858c.22.11.22.424%200%20.534L8.267%2015.34a.6.6%200%200%201-.534%200L.165%2011.555a.299.299%200%200%201%200-.534l1.716-.858l5.317%202.659c.505.252%201.1.252%201.604%200l5.317-2.66zM7.733.063a.6.6%200%200%201%20.534%200l7.568%203.784a.3.3%200%200%201%200%20.535L8.267%208.165a.6.6%200%200%201-.534%200L.165%204.382a.299.299%200%200%201%200-.535z%22%2F%3E%3Cpath%20d%3D%22m14.12%206.576l1.715.858c.22.11.22.424%200%20.534l-7.568%203.784a.6.6%200%200%201-.534%200L.165%207.968a.299.299%200%200%201%200-.534l1.716-.858l5.317%202.659c.505.252%201.1.252%201.604%200z%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%2016%2016%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22m14.12%2010.163l1.715.858c.22.11.22.424%200%20.534L8.267%2015.34a.6.6%200%200%201-.534%200L.165%2011.555a.299.299%200%200%201%200-.534l1.716-.858l5.317%202.659c.505.252%201.1.252%201.604%200l5.317-2.66zM7.733.063a.6.6%200%200%201%20.534%200l7.568%203.784a.3.3%200%200%201%200%20.535L8.267%208.165a.6.6%200%200%201-.534%200L.165%204.382a.299.299%200%200%201%200-.535z%22%2F%3E%3Cpath%20d%3D%22m14.12%206.576l1.715.858c.22.11.22.424%200%20.534l-7.568%203.784a.6.6%200%200%201-.534%200L.165%207.968a.299.299%200%200%201%200-.534l1.716-.858l5.317%202.659c.505.252%201.1.252%201.604%200z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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