coin stack icon

coin-stack from BoxIcons v2 by Boxicons · Regular · MIT Free for personal and commercial use.

Name: coin-stack
Set: BoxIcons v2
Style: Regular
Viewbox: 24×24
License: MIT
Aliases: bx-coin-stack

The same icon in other sets

coin-stackBoxIcons v2 Solid coin-stack-16-filledFluent UI System Icons

Use the coin stack icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 22c3.976 0 8-1.374 8-4V6c0-2.626-4.024-4-8-4S4 3.374 4 6v12c0 2.626 4.024 4 8 4m0-2c-3.722 0-6-1.295-6-2v-1.268C7.541 17.57 9.777 18 12 18s4.459-.43 6-1.268V18c0 .705-2.278 2-6 2m0-16c3.722 0 6 1.295 6 2s-2.278 2-6 2s-6-1.295-6-2s2.278-2 6-2M6 8.732C7.541 9.57 9.777 10 12 10s4.459-.43 6-1.268V10c0 .705-2.278 2-6 2s-6-1.295-6-2zm0 4C7.541 13.57 9.777 14 12 14s4.459-.43 6-1.268V14c0 .705-2.278 2-6 2s-6-1.295-6-2z"/></svg>

React

import type { SVGProps } from "react";

export function BxCoinStack(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="M12 22c3.976 0 8-1.374 8-4V6c0-2.626-4.024-4-8-4S4 3.374 4 6v12c0 2.626 4.024 4 8 4m0-2c-3.722 0-6-1.295-6-2v-1.268C7.541 17.57 9.777 18 12 18s4.459-.43 6-1.268V18c0 .705-2.278 2-6 2m0-16c3.722 0 6 1.295 6 2s-2.278 2-6 2s-6-1.295-6-2s2.278-2 6-2M6 8.732C7.541 9.57 9.777 10 12 10s4.459-.43 6-1.268V10c0 .705-2.278 2-6 2s-6-1.295-6-2zm0 4C7.541 13.57 9.777 14 12 14s4.459-.43 6-1.268V14c0 .705-2.278 2-6 2s-6-1.295-6-2z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 22c3.976 0 8-1.374 8-4V6c0-2.626-4.024-4-8-4S4 3.374 4 6v12c0 2.626 4.024 4 8 4m0-2c-3.722 0-6-1.295-6-2v-1.268C7.541 17.57 9.777 18 12 18s4.459-.43 6-1.268V18c0 .705-2.278 2-6 2m0-16c3.722 0 6 1.295 6 2s-2.278 2-6 2s-6-1.295-6-2s2.278-2 6-2M6 8.732C7.541 9.57 9.777 10 12 10s4.459-.43 6-1.268V10c0 .705-2.278 2-6 2s-6-1.295-6-2zm0 4C7.541 13.57 9.777 14 12 14s4.459-.43 6-1.268V14c0 .705-2.278 2-6 2s-6-1.295-6-2z"/></svg>
</template>

CSS

.icon-coin-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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%2022c3.976%200%208-1.374%208-4V6c0-2.626-4.024-4-8-4S4%203.374%204%206v12c0%202.626%204.024%204%208%204m0-2c-3.722%200-6-1.295-6-2v-1.268C7.541%2017.57%209.777%2018%2012%2018s4.459-.43%206-1.268V18c0%20.705-2.278%202-6%202m0-16c3.722%200%206%201.295%206%202s-2.278%202-6%202s-6-1.295-6-2s2.278-2%206-2M6%208.732C7.541%209.57%209.777%2010%2012%2010s4.459-.43%206-1.268V10c0%20.705-2.278%202-6%202s-6-1.295-6-2zm0%204C7.541%2013.57%209.777%2014%2012%2014s4.459-.43%206-1.268V14c0%20.705-2.278%202-6%202s-6-1.295-6-2z%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%22M12%2022c3.976%200%208-1.374%208-4V6c0-2.626-4.024-4-8-4S4%203.374%204%206v12c0%202.626%204.024%204%208%204m0-2c-3.722%200-6-1.295-6-2v-1.268C7.541%2017.57%209.777%2018%2012%2018s4.459-.43%206-1.268V18c0%20.705-2.278%202-6%202m0-16c3.722%200%206%201.295%206%202s-2.278%202-6%202s-6-1.295-6-2s2.278-2%206-2M6%208.732C7.541%209.57%209.777%2010%2012%2010s4.459-.43%206-1.268V10c0%20.705-2.278%202-6%202s-6-1.295-6-2zm0%204C7.541%2013.57%209.777%2014%2012%2014s4.459-.43%206-1.268V14c0%20.705-2.278%202-6%202s-6-1.295-6-2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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