coins icon
coins from Phosphor by Phosphor Icons · Regular · MIT Free for personal and commercial use.
- Name
- coins
- Set
- Phosphor
- Style
- Regular
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
Use the coins icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M184 89.57V84c0-25.08-37.83-44-88-44S8 58.92 8 84v40c0 20.89 26.25 37.49 64 42.46V172c0 25.08 37.83 44 88 44s88-18.92 88-44v-40c0-20.7-25.42-37.32-64-42.43M232 132c0 13.22-30.79 28-72 28c-3.73 0-7.43-.13-11.08-.37C170.49 151.77 184 139 184 124v-18.26c29.87 4.45 48 16.53 48 26.26M72 150.25v-23.79A184 184 0 0 0 96 128a184 184 0 0 0 24-1.54v23.79A163 163 0 0 1 96 152a163 163 0 0 1-24-1.75m96-40.32V124c0 8.39-12.41 17.4-32 22.87V123.5c12.91-3.13 23.84-7.79 32-13.57M96 56c41.21 0 72 14.78 72 28s-30.79 28-72 28s-72-14.78-72-28s30.79-28 72-28m-72 68v-14.07c8.16 5.78 19.09 10.44 32 13.57v23.37C36.41 141.4 24 132.39 24 124m64 48v-4.17c2.63.1 5.29.17 8 .17c3.88 0 7.67-.13 11.39-.35a122 122 0 0 0 12.61 3.76v23.46c-19.59-5.47-32-14.48-32-22.87m48 26.25V174.4a179.5 179.5 0 0 0 24 1.6a184 184 0 0 0 24-1.54v23.79a165.5 165.5 0 0 1-48 0m64-3.38V171.5c12.91-3.13 23.84-7.79 32-13.57V172c0 8.39-12.41 17.4-32 22.87"/></svg>
React
import type { SVGProps } from "react";
export function PhCoins(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="M184 89.57V84c0-25.08-37.83-44-88-44S8 58.92 8 84v40c0 20.89 26.25 37.49 64 42.46V172c0 25.08 37.83 44 88 44s88-18.92 88-44v-40c0-20.7-25.42-37.32-64-42.43M232 132c0 13.22-30.79 28-72 28c-3.73 0-7.43-.13-11.08-.37C170.49 151.77 184 139 184 124v-18.26c29.87 4.45 48 16.53 48 26.26M72 150.25v-23.79A184 184 0 0 0 96 128a184 184 0 0 0 24-1.54v23.79A163 163 0 0 1 96 152a163 163 0 0 1-24-1.75m96-40.32V124c0 8.39-12.41 17.4-32 22.87V123.5c12.91-3.13 23.84-7.79 32-13.57M96 56c41.21 0 72 14.78 72 28s-30.79 28-72 28s-72-14.78-72-28s30.79-28 72-28m-72 68v-14.07c8.16 5.78 19.09 10.44 32 13.57v23.37C36.41 141.4 24 132.39 24 124m64 48v-4.17c2.63.1 5.29.17 8 .17c3.88 0 7.67-.13 11.39-.35a122 122 0 0 0 12.61 3.76v23.46c-19.59-5.47-32-14.48-32-22.87m48 26.25V174.4a179.5 179.5 0 0 0 24 1.6a184 184 0 0 0 24-1.54v23.79a165.5 165.5 0 0 1-48 0m64-3.38V171.5c12.91-3.13 23.84-7.79 32-13.57V172c0 8.39-12.41 17.4-32 22.87"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M184 89.57V84c0-25.08-37.83-44-88-44S8 58.92 8 84v40c0 20.89 26.25 37.49 64 42.46V172c0 25.08 37.83 44 88 44s88-18.92 88-44v-40c0-20.7-25.42-37.32-64-42.43M232 132c0 13.22-30.79 28-72 28c-3.73 0-7.43-.13-11.08-.37C170.49 151.77 184 139 184 124v-18.26c29.87 4.45 48 16.53 48 26.26M72 150.25v-23.79A184 184 0 0 0 96 128a184 184 0 0 0 24-1.54v23.79A163 163 0 0 1 96 152a163 163 0 0 1-24-1.75m96-40.32V124c0 8.39-12.41 17.4-32 22.87V123.5c12.91-3.13 23.84-7.79 32-13.57M96 56c41.21 0 72 14.78 72 28s-30.79 28-72 28s-72-14.78-72-28s30.79-28 72-28m-72 68v-14.07c8.16 5.78 19.09 10.44 32 13.57v23.37C36.41 141.4 24 132.39 24 124m64 48v-4.17c2.63.1 5.29.17 8 .17c3.88 0 7.67-.13 11.39-.35a122 122 0 0 0 12.61 3.76v23.46c-19.59-5.47-32-14.48-32-22.87m48 26.25V174.4a179.5 179.5 0 0 0 24 1.6a184 184 0 0 0 24-1.54v23.79a165.5 165.5 0 0 1-48 0m64-3.38V171.5c12.91-3.13 23.84-7.79 32-13.57V172c0 8.39-12.41 17.4-32 22.87"/></svg> </template>
CSS
.icon-coins {
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%22M184%2089.57V84c0-25.08-37.83-44-88-44S8%2058.92%208%2084v40c0%2020.89%2026.25%2037.49%2064%2042.46V172c0%2025.08%2037.83%2044%2088%2044s88-18.92%2088-44v-40c0-20.7-25.42-37.32-64-42.43M232%20132c0%2013.22-30.79%2028-72%2028c-3.73%200-7.43-.13-11.08-.37C170.49%20151.77%20184%20139%20184%20124v-18.26c29.87%204.45%2048%2016.53%2048%2026.26M72%20150.25v-23.79A184%20184%200%200%200%2096%20128a184%20184%200%200%200%2024-1.54v23.79A163%20163%200%200%201%2096%20152a163%20163%200%200%201-24-1.75m96-40.32V124c0%208.39-12.41%2017.4-32%2022.87V123.5c12.91-3.13%2023.84-7.79%2032-13.57M96%2056c41.21%200%2072%2014.78%2072%2028s-30.79%2028-72%2028s-72-14.78-72-28s30.79-28%2072-28m-72%2068v-14.07c8.16%205.78%2019.09%2010.44%2032%2013.57v23.37C36.41%20141.4%2024%20132.39%2024%20124m64%2048v-4.17c2.63.1%205.29.17%208%20.17c3.88%200%207.67-.13%2011.39-.35a122%20122%200%200%200%2012.61%203.76v23.46c-19.59-5.47-32-14.48-32-22.87m48%2026.25V174.4a179.5%20179.5%200%200%200%2024%201.6a184%20184%200%200%200%2024-1.54v23.79a165.5%20165.5%200%200%201-48%200m64-3.38V171.5c12.91-3.13%2023.84-7.79%2032-13.57V172c0%208.39-12.41%2017.4-32%2022.87%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%22M184%2089.57V84c0-25.08-37.83-44-88-44S8%2058.92%208%2084v40c0%2020.89%2026.25%2037.49%2064%2042.46V172c0%2025.08%2037.83%2044%2088%2044s88-18.92%2088-44v-40c0-20.7-25.42-37.32-64-42.43M232%20132c0%2013.22-30.79%2028-72%2028c-3.73%200-7.43-.13-11.08-.37C170.49%20151.77%20184%20139%20184%20124v-18.26c29.87%204.45%2048%2016.53%2048%2026.26M72%20150.25v-23.79A184%20184%200%200%200%2096%20128a184%20184%200%200%200%2024-1.54v23.79A163%20163%200%200%201%2096%20152a163%20163%200%200%201-24-1.75m96-40.32V124c0%208.39-12.41%2017.4-32%2022.87V123.5c12.91-3.13%2023.84-7.79%2032-13.57M96%2056c41.21%200%2072%2014.78%2072%2028s-30.79%2028-72%2028s-72-14.78-72-28s30.79-28%2072-28m-72%2068v-14.07c8.16%205.78%2019.09%2010.44%2032%2013.57v23.37C36.41%20141.4%2024%20132.39%2024%20124m64%2048v-4.17c2.63.1%205.29.17%208%20.17c3.88%200%207.67-.13%2011.39-.35a122%20122%200%200%200%2012.61%203.76v23.46c-19.59-5.47-32-14.48-32-22.87m48%2026.25V174.4a179.5%20179.5%200%200%200%2024%201.6a184%20184%200%200%200%2024-1.54v23.79a165.5%20165.5%200%200%201-48%200m64-3.38V171.5c12.91-3.13%2023.84-7.79%2032-13.57V172c0%208.39-12.41%2017.4-32%2022.87%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/coins.svg?color=%231a73e8&size=48
