coin icon
coin-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- coin-light
- Set
- Phosphor
- Style
- Light
- 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="M206.68 65.63C186.23 55.41 159 50 128 50s-58.23 5.41-78.68 15.63C29.41 75.58 18 89.57 18 104v48c0 14.43 11.41 28.42 31.32 38.37C69.77 200.59 97 206 128 206s58.23-5.41 78.68-15.63C226.59 180.42 238 166.43 238 152v-48c0-14.43-11.41-28.42-31.32-38.37m-152 10.74C73.21 67.1 99.25 62 128 62s54.79 5.1 73.32 14.37C217 84.21 226 94.28 226 104s-9 19.79-24.68 27.63C182.79 140.9 156.75 146 128 146s-54.79-5.1-73.32-14.37C39 123.79 30 113.72 30 104s9-19.79 24.68-27.63M122 157.93v36c-19.24-.48-37.07-3.28-52-8.11v-35.4c15.27 4.51 32.85 7.07 52 7.51m12 0c19.15-.44 36.73-3 52-7.52v35.4c-14.93 4.83-32.76 7.63-52 8.11ZM30 152v-23a76 76 0 0 0 19.32 13.36q4.16 2.07 8.68 3.88v35c-1.13-.52-2.24-1-3.32-1.58C39 171.79 30 161.72 30 152m171.32 27.63c-1.08.54-2.19 1.06-3.32 1.58v-35q4.51-1.81 8.68-3.88A76 76 0 0 0 226 129v23c0 9.72-9 19.79-24.68 27.63"/></svg>
React
import type { SVGProps } from "react";
export function PhCoinLight(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="M206.68 65.63C186.23 55.41 159 50 128 50s-58.23 5.41-78.68 15.63C29.41 75.58 18 89.57 18 104v48c0 14.43 11.41 28.42 31.32 38.37C69.77 200.59 97 206 128 206s58.23-5.41 78.68-15.63C226.59 180.42 238 166.43 238 152v-48c0-14.43-11.41-28.42-31.32-38.37m-152 10.74C73.21 67.1 99.25 62 128 62s54.79 5.1 73.32 14.37C217 84.21 226 94.28 226 104s-9 19.79-24.68 27.63C182.79 140.9 156.75 146 128 146s-54.79-5.1-73.32-14.37C39 123.79 30 113.72 30 104s9-19.79 24.68-27.63M122 157.93v36c-19.24-.48-37.07-3.28-52-8.11v-35.4c15.27 4.51 32.85 7.07 52 7.51m12 0c19.15-.44 36.73-3 52-7.52v35.4c-14.93 4.83-32.76 7.63-52 8.11ZM30 152v-23a76 76 0 0 0 19.32 13.36q4.16 2.07 8.68 3.88v35c-1.13-.52-2.24-1-3.32-1.58C39 171.79 30 161.72 30 152m171.32 27.63c-1.08.54-2.19 1.06-3.32 1.58v-35q4.51-1.81 8.68-3.88A76 76 0 0 0 226 129v23c0 9.72-9 19.79-24.68 27.63"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M206.68 65.63C186.23 55.41 159 50 128 50s-58.23 5.41-78.68 15.63C29.41 75.58 18 89.57 18 104v48c0 14.43 11.41 28.42 31.32 38.37C69.77 200.59 97 206 128 206s58.23-5.41 78.68-15.63C226.59 180.42 238 166.43 238 152v-48c0-14.43-11.41-28.42-31.32-38.37m-152 10.74C73.21 67.1 99.25 62 128 62s54.79 5.1 73.32 14.37C217 84.21 226 94.28 226 104s-9 19.79-24.68 27.63C182.79 140.9 156.75 146 128 146s-54.79-5.1-73.32-14.37C39 123.79 30 113.72 30 104s9-19.79 24.68-27.63M122 157.93v36c-19.24-.48-37.07-3.28-52-8.11v-35.4c15.27 4.51 32.85 7.07 52 7.51m12 0c19.15-.44 36.73-3 52-7.52v35.4c-14.93 4.83-32.76 7.63-52 8.11ZM30 152v-23a76 76 0 0 0 19.32 13.36q4.16 2.07 8.68 3.88v35c-1.13-.52-2.24-1-3.32-1.58C39 171.79 30 161.72 30 152m171.32 27.63c-1.08.54-2.19 1.06-3.32 1.58v-35q4.51-1.81 8.68-3.88A76 76 0 0 0 226 129v23c0 9.72-9 19.79-24.68 27.63"/></svg> </template>
CSS
.icon-coin-light {
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%22M206.68%2065.63C186.23%2055.41%20159%2050%20128%2050s-58.23%205.41-78.68%2015.63C29.41%2075.58%2018%2089.57%2018%20104v48c0%2014.43%2011.41%2028.42%2031.32%2038.37C69.77%20200.59%2097%20206%20128%20206s58.23-5.41%2078.68-15.63C226.59%20180.42%20238%20166.43%20238%20152v-48c0-14.43-11.41-28.42-31.32-38.37m-152%2010.74C73.21%2067.1%2099.25%2062%20128%2062s54.79%205.1%2073.32%2014.37C217%2084.21%20226%2094.28%20226%20104s-9%2019.79-24.68%2027.63C182.79%20140.9%20156.75%20146%20128%20146s-54.79-5.1-73.32-14.37C39%20123.79%2030%20113.72%2030%20104s9-19.79%2024.68-27.63M122%20157.93v36c-19.24-.48-37.07-3.28-52-8.11v-35.4c15.27%204.51%2032.85%207.07%2052%207.51m12%200c19.15-.44%2036.73-3%2052-7.52v35.4c-14.93%204.83-32.76%207.63-52%208.11ZM30%20152v-23a76%2076%200%200%200%2019.32%2013.36q4.16%202.07%208.68%203.88v35c-1.13-.52-2.24-1-3.32-1.58C39%20171.79%2030%20161.72%2030%20152m171.32%2027.63c-1.08.54-2.19%201.06-3.32%201.58v-35q4.51-1.81%208.68-3.88A76%2076%200%200%200%20226%20129v23c0%209.72-9%2019.79-24.68%2027.63%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%22M206.68%2065.63C186.23%2055.41%20159%2050%20128%2050s-58.23%205.41-78.68%2015.63C29.41%2075.58%2018%2089.57%2018%20104v48c0%2014.43%2011.41%2028.42%2031.32%2038.37C69.77%20200.59%2097%20206%20128%20206s58.23-5.41%2078.68-15.63C226.59%20180.42%20238%20166.43%20238%20152v-48c0-14.43-11.41-28.42-31.32-38.37m-152%2010.74C73.21%2067.1%2099.25%2062%20128%2062s54.79%205.1%2073.32%2014.37C217%2084.21%20226%2094.28%20226%20104s-9%2019.79-24.68%2027.63C182.79%20140.9%20156.75%20146%20128%20146s-54.79-5.1-73.32-14.37C39%20123.79%2030%20113.72%2030%20104s9-19.79%2024.68-27.63M122%20157.93v36c-19.24-.48-37.07-3.28-52-8.11v-35.4c15.27%204.51%2032.85%207.07%2052%207.51m12%200c19.15-.44%2036.73-3%2052-7.52v35.4c-14.93%204.83-32.76%207.63-52%208.11ZM30%20152v-23a76%2076%200%200%200%2019.32%2013.36q4.16%202.07%208.68%203.88v35c-1.13-.52-2.24-1-3.32-1.58C39%20171.79%2030%20161.72%2030%20152m171.32%2027.63c-1.08.54-2.19%201.06-3.32%201.58v-35q4.51-1.81%208.68-3.88A76%2076%200%200%200%20226%20129v23c0%209.72-9%2019.79-24.68%2027.63%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/coin-light.svg?color=%231a73e8&size=48
