coin icon
coin from Phosphor by Phosphor Icons · Regular · MIT Free for personal and commercial use.
- Name
- coin
- Set
- Phosphor
- Style
- Regular
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
Related icons in Phosphor
Use the coin icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M207.58 63.84C186.85 53.48 159.33 48 128 48s-58.85 5.48-79.58 15.84S16 88.78 16 104v48c0 15.22 11.82 29.85 32.42 40.16S96.67 208 128 208s58.85-5.48 79.58-15.84S240 167.22 240 152v-48c0-15.22-11.82-29.85-32.42-40.16M128 64c62.64 0 96 23.23 96 40s-33.36 40-96 40s-96-23.23-96-40s33.36-40 96-40m-8 95.86v32c-19-.62-35-3.42-48-7.49v-31.32a203.4 203.4 0 0 0 48 6.81m16 0a203.4 203.4 0 0 0 48-6.81v31.31c-13 4.07-29 6.87-48 7.49ZM32 152v-18.47a83 83 0 0 0 16.42 10.63c2.43 1.21 5 2.35 7.58 3.43V178c-15.83-7.84-24-17.71-24-26m168 26v-30.41c2.61-1.08 5.15-2.22 7.58-3.43A83 83 0 0 0 224 133.53V152c0 8.29-8.17 18.16-24 26"/></svg>
React
import type { SVGProps } from "react";
export function PhCoin(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="M207.58 63.84C186.85 53.48 159.33 48 128 48s-58.85 5.48-79.58 15.84S16 88.78 16 104v48c0 15.22 11.82 29.85 32.42 40.16S96.67 208 128 208s58.85-5.48 79.58-15.84S240 167.22 240 152v-48c0-15.22-11.82-29.85-32.42-40.16M128 64c62.64 0 96 23.23 96 40s-33.36 40-96 40s-96-23.23-96-40s33.36-40 96-40m-8 95.86v32c-19-.62-35-3.42-48-7.49v-31.32a203.4 203.4 0 0 0 48 6.81m16 0a203.4 203.4 0 0 0 48-6.81v31.31c-13 4.07-29 6.87-48 7.49ZM32 152v-18.47a83 83 0 0 0 16.42 10.63c2.43 1.21 5 2.35 7.58 3.43V178c-15.83-7.84-24-17.71-24-26m168 26v-30.41c2.61-1.08 5.15-2.22 7.58-3.43A83 83 0 0 0 224 133.53V152c0 8.29-8.17 18.16-24 26"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M207.58 63.84C186.85 53.48 159.33 48 128 48s-58.85 5.48-79.58 15.84S16 88.78 16 104v48c0 15.22 11.82 29.85 32.42 40.16S96.67 208 128 208s58.85-5.48 79.58-15.84S240 167.22 240 152v-48c0-15.22-11.82-29.85-32.42-40.16M128 64c62.64 0 96 23.23 96 40s-33.36 40-96 40s-96-23.23-96-40s33.36-40 96-40m-8 95.86v32c-19-.62-35-3.42-48-7.49v-31.32a203.4 203.4 0 0 0 48 6.81m16 0a203.4 203.4 0 0 0 48-6.81v31.31c-13 4.07-29 6.87-48 7.49ZM32 152v-18.47a83 83 0 0 0 16.42 10.63c2.43 1.21 5 2.35 7.58 3.43V178c-15.83-7.84-24-17.71-24-26m168 26v-30.41c2.61-1.08 5.15-2.22 7.58-3.43A83 83 0 0 0 224 133.53V152c0 8.29-8.17 18.16-24 26"/></svg> </template>
CSS
.icon-coin {
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%22M207.58%2063.84C186.85%2053.48%20159.33%2048%20128%2048s-58.85%205.48-79.58%2015.84S16%2088.78%2016%20104v48c0%2015.22%2011.82%2029.85%2032.42%2040.16S96.67%20208%20128%20208s58.85-5.48%2079.58-15.84S240%20167.22%20240%20152v-48c0-15.22-11.82-29.85-32.42-40.16M128%2064c62.64%200%2096%2023.23%2096%2040s-33.36%2040-96%2040s-96-23.23-96-40s33.36-40%2096-40m-8%2095.86v32c-19-.62-35-3.42-48-7.49v-31.32a203.4%20203.4%200%200%200%2048%206.81m16%200a203.4%20203.4%200%200%200%2048-6.81v31.31c-13%204.07-29%206.87-48%207.49ZM32%20152v-18.47a83%2083%200%200%200%2016.42%2010.63c2.43%201.21%205%202.35%207.58%203.43V178c-15.83-7.84-24-17.71-24-26m168%2026v-30.41c2.61-1.08%205.15-2.22%207.58-3.43A83%2083%200%200%200%20224%20133.53V152c0%208.29-8.17%2018.16-24%2026%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%22M207.58%2063.84C186.85%2053.48%20159.33%2048%20128%2048s-58.85%205.48-79.58%2015.84S16%2088.78%2016%20104v48c0%2015.22%2011.82%2029.85%2032.42%2040.16S96.67%20208%20128%20208s58.85-5.48%2079.58-15.84S240%20167.22%20240%20152v-48c0-15.22-11.82-29.85-32.42-40.16M128%2064c62.64%200%2096%2023.23%2096%2040s-33.36%2040-96%2040s-96-23.23-96-40s33.36-40%2096-40m-8%2095.86v32c-19-.62-35-3.42-48-7.49v-31.32a203.4%20203.4%200%200%200%2048%206.81m16%200a203.4%20203.4%200%200%200%2048-6.81v31.31c-13%204.07-29%206.87-48%207.49ZM32%20152v-18.47a83%2083%200%200%200%2016.42%2010.63c2.43%201.21%205%202.35%207.58%203.43V178c-15.83-7.84-24-17.71-24-26m168%2026v-30.41c2.61-1.08%205.15-2.22%207.58-3.43A83%2083%200%200%200%20224%20133.53V152c0%208.29-8.17%2018.16-24%2026%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/coin.svg?color=%231a73e8&size=48
