coin vertical icon

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

Name
coin-vertical-duotone
Set
Phosphor
Style
Duotone
Viewbox
256×256
License
MIT

5 other variants in Phosphor

coin-verticalcoin-vertical-boldcoin-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"><g fill="currentColor"><path d="M160 128c0 53-25.07 96-56 96s-56-43-56-96s25.07-96 56-96s56 43 56 96" opacity=".2"/><path d="M198.51 56.09C186.44 35.4 169.92 24 152 24h-48c-17.92 0-34.44 11.4-46.51 32.09C46.21 75.42 40 101 40 128s6.21 52.58 17.49 71.91C69.56 220.6 86.08 232 104 232h48c17.92 0 34.44-11.4 46.51-32.09C209.79 180.58 216 155 216 128s-6.21-52.58-17.49-71.91m1.28 63.91h-32a152.8 152.8 0 0 0-9.68-48h30.59c6.12 13.38 10.16 30 11.09 48m-20.6-64h-28.73a83 83 0 0 0-12-16H152c10 0 19.4 6 27.19 16M56 128c0-47.7 22-88 48-88s48 40.3 48 88s-22 88-48 88s-48-40.3-48-88m96 88h-13.51a83 83 0 0 0 12-16h28.73C171.4 210 162 216 152 216m36.7-32h-30.58a152.8 152.8 0 0 0 9.68-48h32c-.94 18-4.98 34.62-11.1 48"/></g></svg>

React

import type { SVGProps } from "react";

export function PhCoinVerticalDuotone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M160 128c0 53-25.07 96-56 96s-56-43-56-96s25.07-96 56-96s56 43 56 96" opacity=".2"/><path d="M198.51 56.09C186.44 35.4 169.92 24 152 24h-48c-17.92 0-34.44 11.4-46.51 32.09C46.21 75.42 40 101 40 128s6.21 52.58 17.49 71.91C69.56 220.6 86.08 232 104 232h48c17.92 0 34.44-11.4 46.51-32.09C209.79 180.58 216 155 216 128s-6.21-52.58-17.49-71.91m1.28 63.91h-32a152.8 152.8 0 0 0-9.68-48h30.59c6.12 13.38 10.16 30 11.09 48m-20.6-64h-28.73a83 83 0 0 0-12-16H152c10 0 19.4 6 27.19 16M56 128c0-47.7 22-88 48-88s48 40.3 48 88s-22 88-48 88s-48-40.3-48-88m96 88h-13.51a83 83 0 0 0 12-16h28.73C171.4 210 162 216 152 216m36.7-32h-30.58a152.8 152.8 0 0 0 9.68-48h32c-.94 18-4.98 34.62-11.1 48"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M160 128c0 53-25.07 96-56 96s-56-43-56-96s25.07-96 56-96s56 43 56 96" opacity=".2"/><path d="M198.51 56.09C186.44 35.4 169.92 24 152 24h-48c-17.92 0-34.44 11.4-46.51 32.09C46.21 75.42 40 101 40 128s6.21 52.58 17.49 71.91C69.56 220.6 86.08 232 104 232h48c17.92 0 34.44-11.4 46.51-32.09C209.79 180.58 216 155 216 128s-6.21-52.58-17.49-71.91m1.28 63.91h-32a152.8 152.8 0 0 0-9.68-48h30.59c6.12 13.38 10.16 30 11.09 48m-20.6-64h-28.73a83 83 0 0 0-12-16H152c10 0 19.4 6 27.19 16M56 128c0-47.7 22-88 48-88s48 40.3 48 88s-22 88-48 88s-48-40.3-48-88m96 88h-13.51a83 83 0 0 0 12-16h28.73C171.4 210 162 216 152 216m36.7-32h-30.58a152.8 152.8 0 0 0 9.68-48h32c-.94 18-4.98 34.62-11.1 48"/></g></svg>
</template>

CSS

.icon-coin-vertical-duotone {
  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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M160%20128c0%2053-25.07%2096-56%2096s-56-43-56-96s25.07-96%2056-96s56%2043%2056%2096%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M198.51%2056.09C186.44%2035.4%20169.92%2024%20152%2024h-48c-17.92%200-34.44%2011.4-46.51%2032.09C46.21%2075.42%2040%20101%2040%20128s6.21%2052.58%2017.49%2071.91C69.56%20220.6%2086.08%20232%20104%20232h48c17.92%200%2034.44-11.4%2046.51-32.09C209.79%20180.58%20216%20155%20216%20128s-6.21-52.58-17.49-71.91m1.28%2063.91h-32a152.8%20152.8%200%200%200-9.68-48h30.59c6.12%2013.38%2010.16%2030%2011.09%2048m-20.6-64h-28.73a83%2083%200%200%200-12-16H152c10%200%2019.4%206%2027.19%2016M56%20128c0-47.7%2022-88%2048-88s48%2040.3%2048%2088s-22%2088-48%2088s-48-40.3-48-88m96%2088h-13.51a83%2083%200%200%200%2012-16h28.73C171.4%20210%20162%20216%20152%20216m36.7-32h-30.58a152.8%20152.8%200%200%200%209.68-48h32c-.94%2018-4.98%2034.62-11.1%2048%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%20256%20256%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M160%20128c0%2053-25.07%2096-56%2096s-56-43-56-96s25.07-96%2056-96s56%2043%2056%2096%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M198.51%2056.09C186.44%2035.4%20169.92%2024%20152%2024h-48c-17.92%200-34.44%2011.4-46.51%2032.09C46.21%2075.42%2040%20101%2040%20128s6.21%2052.58%2017.49%2071.91C69.56%20220.6%2086.08%20232%20104%20232h48c17.92%200%2034.44-11.4%2046.51-32.09C209.79%20180.58%20216%20155%20216%20128s-6.21-52.58-17.49-71.91m1.28%2063.91h-32a152.8%20152.8%200%200%200-9.68-48h30.59c6.12%2013.38%2010.16%2030%2011.09%2048m-20.6-64h-28.73a83%2083%200%200%200-12-16H152c10%200%2019.4%206%2027.19%2016M56%20128c0-47.7%2022-88%2048-88s48%2040.3%2048%2088s-22%2088-48%2088s-48-40.3-48-88m96%2088h-13.51a83%2083%200%200%200%2012-16h28.73C171.4%20210%20162%20216%20152%20216m36.7-32h-30.58a152.8%20152.8%200%200%200%209.68-48h32c-.94%2018-4.98%2034.62-11.1%2048%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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