coin icon
coin-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.
- Name
- coin-bold
- Set
- Phosphor
- Style
- Bold
- 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="M209.37 60.27C188.08 49.62 160 44 128 44s-60.08 5.62-81.37 16.27C24.62 71.27 12 87.21 12 104v48c0 16.79 12.62 32.73 34.63 43.73C67.92 206.38 96.05 212 128 212s60.08-5.62 81.37-16.27c22-11 34.63-26.94 34.63-43.73v-48c0-16.79-12.62-32.73-34.63-43.73m-152 21.46C75.08 72.88 100.16 68 128 68s52.92 4.88 70.63 13.73C211.81 88.32 220 96.86 220 104s-8.19 15.68-21.37 22.27C180.92 135.12 155.84 140 128 140s-52.92-4.88-70.63-13.73C44.19 119.68 36 111.14 36 104s8.19-15.68 21.37-22.27M180 181.38a180.4 180.4 0 0 1-40 6.3v-24a210.4 210.4 0 0 0 40-5.51ZM76 158.22a210.4 210.4 0 0 0 40 5.51v24a180.4 180.4 0 0 1-40-6.3ZM36 152v-10.46a95 95 0 0 0 10.63 6.19c1.74.87 3.54 1.7 5.37 2.5v21.07c-10-6.06-16-13.19-16-19.3m168 19.3v-21.07c1.83-.8 3.63-1.63 5.37-2.5a95 95 0 0 0 10.63-6.19V152c0 6.11-6 13.24-16 19.3"/></svg>
React
import type { SVGProps } from "react";
export function PhCoinBold(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="M209.37 60.27C188.08 49.62 160 44 128 44s-60.08 5.62-81.37 16.27C24.62 71.27 12 87.21 12 104v48c0 16.79 12.62 32.73 34.63 43.73C67.92 206.38 96.05 212 128 212s60.08-5.62 81.37-16.27c22-11 34.63-26.94 34.63-43.73v-48c0-16.79-12.62-32.73-34.63-43.73m-152 21.46C75.08 72.88 100.16 68 128 68s52.92 4.88 70.63 13.73C211.81 88.32 220 96.86 220 104s-8.19 15.68-21.37 22.27C180.92 135.12 155.84 140 128 140s-52.92-4.88-70.63-13.73C44.19 119.68 36 111.14 36 104s8.19-15.68 21.37-22.27M180 181.38a180.4 180.4 0 0 1-40 6.3v-24a210.4 210.4 0 0 0 40-5.51ZM76 158.22a210.4 210.4 0 0 0 40 5.51v24a180.4 180.4 0 0 1-40-6.3ZM36 152v-10.46a95 95 0 0 0 10.63 6.19c1.74.87 3.54 1.7 5.37 2.5v21.07c-10-6.06-16-13.19-16-19.3m168 19.3v-21.07c1.83-.8 3.63-1.63 5.37-2.5a95 95 0 0 0 10.63-6.19V152c0 6.11-6 13.24-16 19.3"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M209.37 60.27C188.08 49.62 160 44 128 44s-60.08 5.62-81.37 16.27C24.62 71.27 12 87.21 12 104v48c0 16.79 12.62 32.73 34.63 43.73C67.92 206.38 96.05 212 128 212s60.08-5.62 81.37-16.27c22-11 34.63-26.94 34.63-43.73v-48c0-16.79-12.62-32.73-34.63-43.73m-152 21.46C75.08 72.88 100.16 68 128 68s52.92 4.88 70.63 13.73C211.81 88.32 220 96.86 220 104s-8.19 15.68-21.37 22.27C180.92 135.12 155.84 140 128 140s-52.92-4.88-70.63-13.73C44.19 119.68 36 111.14 36 104s8.19-15.68 21.37-22.27M180 181.38a180.4 180.4 0 0 1-40 6.3v-24a210.4 210.4 0 0 0 40-5.51ZM76 158.22a210.4 210.4 0 0 0 40 5.51v24a180.4 180.4 0 0 1-40-6.3ZM36 152v-10.46a95 95 0 0 0 10.63 6.19c1.74.87 3.54 1.7 5.37 2.5v21.07c-10-6.06-16-13.19-16-19.3m168 19.3v-21.07c1.83-.8 3.63-1.63 5.37-2.5a95 95 0 0 0 10.63-6.19V152c0 6.11-6 13.24-16 19.3"/></svg> </template>
CSS
.icon-coin-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%22M209.37%2060.27C188.08%2049.62%20160%2044%20128%2044s-60.08%205.62-81.37%2016.27C24.62%2071.27%2012%2087.21%2012%20104v48c0%2016.79%2012.62%2032.73%2034.63%2043.73C67.92%20206.38%2096.05%20212%20128%20212s60.08-5.62%2081.37-16.27c22-11%2034.63-26.94%2034.63-43.73v-48c0-16.79-12.62-32.73-34.63-43.73m-152%2021.46C75.08%2072.88%20100.16%2068%20128%2068s52.92%204.88%2070.63%2013.73C211.81%2088.32%20220%2096.86%20220%20104s-8.19%2015.68-21.37%2022.27C180.92%20135.12%20155.84%20140%20128%20140s-52.92-4.88-70.63-13.73C44.19%20119.68%2036%20111.14%2036%20104s8.19-15.68%2021.37-22.27M180%20181.38a180.4%20180.4%200%200%201-40%206.3v-24a210.4%20210.4%200%200%200%2040-5.51ZM76%20158.22a210.4%20210.4%200%200%200%2040%205.51v24a180.4%20180.4%200%200%201-40-6.3ZM36%20152v-10.46a95%2095%200%200%200%2010.63%206.19c1.74.87%203.54%201.7%205.37%202.5v21.07c-10-6.06-16-13.19-16-19.3m168%2019.3v-21.07c1.83-.8%203.63-1.63%205.37-2.5a95%2095%200%200%200%2010.63-6.19V152c0%206.11-6%2013.24-16%2019.3%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%22M209.37%2060.27C188.08%2049.62%20160%2044%20128%2044s-60.08%205.62-81.37%2016.27C24.62%2071.27%2012%2087.21%2012%20104v48c0%2016.79%2012.62%2032.73%2034.63%2043.73C67.92%20206.38%2096.05%20212%20128%20212s60.08-5.62%2081.37-16.27c22-11%2034.63-26.94%2034.63-43.73v-48c0-16.79-12.62-32.73-34.63-43.73m-152%2021.46C75.08%2072.88%20100.16%2068%20128%2068s52.92%204.88%2070.63%2013.73C211.81%2088.32%20220%2096.86%20220%20104s-8.19%2015.68-21.37%2022.27C180.92%20135.12%20155.84%20140%20128%20140s-52.92-4.88-70.63-13.73C44.19%20119.68%2036%20111.14%2036%20104s8.19-15.68%2021.37-22.27M180%20181.38a180.4%20180.4%200%200%201-40%206.3v-24a210.4%20210.4%200%200%200%2040-5.51ZM76%20158.22a210.4%20210.4%200%200%200%2040%205.51v24a180.4%20180.4%200%200%201-40-6.3ZM36%20152v-10.46a95%2095%200%200%200%2010.63%206.19c1.74.87%203.54%201.7%205.37%202.5v21.07c-10-6.06-16-13.19-16-19.3m168%2019.3v-21.07c1.83-.8%203.63-1.63%205.37-2.5a95%2095%200%200%200%2010.63-6.19V152c0%206.11-6%2013.24-16%2019.3%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/coin-bold.svg?color=%231a73e8&size=48
