coin vertical icon

coin-vertical-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.

Name
coin-vertical-bold
Set
Phosphor
Style
Bold
Viewbox
256×256
License
MIT

5 other variants in Phosphor

coin-verticalcoin-vertical-duotonecoin-vertical-fillcoin-vertical-lightcoin-vertical-thin

Use the coin vertical icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M152 20h-48c-38.13 0-68 47.44-68 108s29.87 108 68 108h48c38.13 0 68-47.44 68-108S190.13 20 152 20m37.21 152h-22.9a162.6 162.6 0 0 0 5.29-32h23.93a133.2 133.2 0 0 1-6.32 32m-17.61-56a162.6 162.6 0 0 0-5.29-32h22.9a133.2 133.2 0 0 1 6.32 32Zm5.63-56h-20a98.3 98.3 0 0 0-10-16H152c5.37 0 15.25 2.25 25.23 16M74.77 189.84C65.24 173.51 60 151.55 60 128s5.24-45.51 14.77-61.84C86 46.88 97.91 44 104 44s18 2.88 29.23 22.16C142.76 82.49 148 104.45 148 128s-5.24 45.51-14.77 61.84C122 209.12 110.09 212 104 212s-18-2.88-29.23-22.16M152 212h-4.79a98.3 98.3 0 0 0 10-16h20c-9.96 13.75-19.84 16-25.21 16"/></svg>

React

import type { SVGProps } from "react";

export function PhCoinVerticalBold(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M152 20h-48c-38.13 0-68 47.44-68 108s29.87 108 68 108h48c38.13 0 68-47.44 68-108S190.13 20 152 20m37.21 152h-22.9a162.6 162.6 0 0 0 5.29-32h23.93a133.2 133.2 0 0 1-6.32 32m-17.61-56a162.6 162.6 0 0 0-5.29-32h22.9a133.2 133.2 0 0 1 6.32 32Zm5.63-56h-20a98.3 98.3 0 0 0-10-16H152c5.37 0 15.25 2.25 25.23 16M74.77 189.84C65.24 173.51 60 151.55 60 128s5.24-45.51 14.77-61.84C86 46.88 97.91 44 104 44s18 2.88 29.23 22.16C142.76 82.49 148 104.45 148 128s-5.24 45.51-14.77 61.84C122 209.12 110.09 212 104 212s-18-2.88-29.23-22.16M152 212h-4.79a98.3 98.3 0 0 0 10-16h20c-9.96 13.75-19.84 16-25.21 16"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M152 20h-48c-38.13 0-68 47.44-68 108s29.87 108 68 108h48c38.13 0 68-47.44 68-108S190.13 20 152 20m37.21 152h-22.9a162.6 162.6 0 0 0 5.29-32h23.93a133.2 133.2 0 0 1-6.32 32m-17.61-56a162.6 162.6 0 0 0-5.29-32h22.9a133.2 133.2 0 0 1 6.32 32Zm5.63-56h-20a98.3 98.3 0 0 0-10-16H152c5.37 0 15.25 2.25 25.23 16M74.77 189.84C65.24 173.51 60 151.55 60 128s5.24-45.51 14.77-61.84C86 46.88 97.91 44 104 44s18 2.88 29.23 22.16C142.76 82.49 148 104.45 148 128s-5.24 45.51-14.77 61.84C122 209.12 110.09 212 104 212s-18-2.88-29.23-22.16M152 212h-4.79a98.3 98.3 0 0 0 10-16h20c-9.96 13.75-19.84 16-25.21 16"/></svg>
</template>

CSS

.icon-coin-vertical-bold {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M152%2020h-48c-38.13%200-68%2047.44-68%20108s29.87%20108%2068%20108h48c38.13%200%2068-47.44%2068-108S190.13%2020%20152%2020m37.21%20152h-22.9a162.6%20162.6%200%200%200%205.29-32h23.93a133.2%20133.2%200%200%201-6.32%2032m-17.61-56a162.6%20162.6%200%200%200-5.29-32h22.9a133.2%20133.2%200%200%201%206.32%2032Zm5.63-56h-20a98.3%2098.3%200%200%200-10-16H152c5.37%200%2015.25%202.25%2025.23%2016M74.77%20189.84C65.24%20173.51%2060%20151.55%2060%20128s5.24-45.51%2014.77-61.84C86%2046.88%2097.91%2044%20104%2044s18%202.88%2029.23%2022.16C142.76%2082.49%20148%20104.45%20148%20128s-5.24%2045.51-14.77%2061.84C122%20209.12%20110.09%20212%20104%20212s-18-2.88-29.23-22.16M152%20212h-4.79a98.3%2098.3%200%200%200%2010-16h20c-9.96%2013.75-19.84%2016-25.21%2016%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M152%2020h-48c-38.13%200-68%2047.44-68%20108s29.87%20108%2068%20108h48c38.13%200%2068-47.44%2068-108S190.13%2020%20152%2020m37.21%20152h-22.9a162.6%20162.6%200%200%200%205.29-32h23.93a133.2%20133.2%200%200%201-6.32%2032m-17.61-56a162.6%20162.6%200%200%200-5.29-32h22.9a133.2%20133.2%200%200%201%206.32%2032Zm5.63-56h-20a98.3%2098.3%200%200%200-10-16H152c5.37%200%2015.25%202.25%2025.23%2016M74.77%20189.84C65.24%20173.51%2060%20151.55%2060%20128s5.24-45.51%2014.77-61.84C86%2046.88%2097.91%2044%20104%2044s18%202.88%2029.23%2022.16C142.76%2082.49%20148%20104.45%20148%20128s-5.24%2045.51-14.77%2061.84C122%20209.12%20110.09%20212%20104%20212s-18-2.88-29.23-22.16M152%20212h-4.79a98.3%2098.3%200%200%200%2010-16h20c-9.96%2013.75-19.84%2016-25.21%2016%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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