coins icon
coins-fill from Phosphor by Phosphor Icons · Fill · MIT Free for personal and commercial use.
- Name
- coins-fill
- Set
- Phosphor
- Style
- Fill
- 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.43m-128 57.3C36.41 141.4 24 132.39 24 124v-14.07c8.16 5.78 19.09 10.44 32 13.57Zm80-23.37c12.91-3.13 23.84-7.79 32-13.57V124c0 8.39-12.41 17.4-32 22.87Zm-16 71.37c-19.59-5.47-32-14.48-32-22.87v-4.17c2.63.1 5.29.17 8 .17c3.88 0 7.67-.13 11.39-.35a122 122 0 0 0 12.61 3.76Zm0-44.62A163 163 0 0 1 96 152a163 163 0 0 1-24-1.75v-23.79A184 184 0 0 0 96 128a184 184 0 0 0 24-1.54Zm64 48a165.5 165.5 0 0 1-48 0V174.4a179.5 179.5 0 0 0 24 1.6a184 184 0 0 0 24-1.54ZM232 172c0 8.39-12.41 17.4-32 22.87V171.5c12.91-3.13 23.84-7.79 32-13.57Z"/></svg>
React
import type { SVGProps } from "react";
export function PhCoinsFill(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.43m-128 57.3C36.41 141.4 24 132.39 24 124v-14.07c8.16 5.78 19.09 10.44 32 13.57Zm80-23.37c12.91-3.13 23.84-7.79 32-13.57V124c0 8.39-12.41 17.4-32 22.87Zm-16 71.37c-19.59-5.47-32-14.48-32-22.87v-4.17c2.63.1 5.29.17 8 .17c3.88 0 7.67-.13 11.39-.35a122 122 0 0 0 12.61 3.76Zm0-44.62A163 163 0 0 1 96 152a163 163 0 0 1-24-1.75v-23.79A184 184 0 0 0 96 128a184 184 0 0 0 24-1.54Zm64 48a165.5 165.5 0 0 1-48 0V174.4a179.5 179.5 0 0 0 24 1.6a184 184 0 0 0 24-1.54ZM232 172c0 8.39-12.41 17.4-32 22.87V171.5c12.91-3.13 23.84-7.79 32-13.57Z"/></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.43m-128 57.3C36.41 141.4 24 132.39 24 124v-14.07c8.16 5.78 19.09 10.44 32 13.57Zm80-23.37c12.91-3.13 23.84-7.79 32-13.57V124c0 8.39-12.41 17.4-32 22.87Zm-16 71.37c-19.59-5.47-32-14.48-32-22.87v-4.17c2.63.1 5.29.17 8 .17c3.88 0 7.67-.13 11.39-.35a122 122 0 0 0 12.61 3.76Zm0-44.62A163 163 0 0 1 96 152a163 163 0 0 1-24-1.75v-23.79A184 184 0 0 0 96 128a184 184 0 0 0 24-1.54Zm64 48a165.5 165.5 0 0 1-48 0V174.4a179.5 179.5 0 0 0 24 1.6a184 184 0 0 0 24-1.54ZM232 172c0 8.39-12.41 17.4-32 22.87V171.5c12.91-3.13 23.84-7.79 32-13.57Z"/></svg> </template>
CSS
.icon-coins-fill {
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.43m-128%2057.3C36.41%20141.4%2024%20132.39%2024%20124v-14.07c8.16%205.78%2019.09%2010.44%2032%2013.57Zm80-23.37c12.91-3.13%2023.84-7.79%2032-13.57V124c0%208.39-12.41%2017.4-32%2022.87Zm-16%2071.37c-19.59-5.47-32-14.48-32-22.87v-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.76Zm0-44.62A163%20163%200%200%201%2096%20152a163%20163%200%200%201-24-1.75v-23.79A184%20184%200%200%200%2096%20128a184%20184%200%200%200%2024-1.54Zm64%2048a165.5%20165.5%200%200%201-48%200V174.4a179.5%20179.5%200%200%200%2024%201.6a184%20184%200%200%200%2024-1.54ZM232%20172c0%208.39-12.41%2017.4-32%2022.87V171.5c12.91-3.13%2023.84-7.79%2032-13.57Z%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.43m-128%2057.3C36.41%20141.4%2024%20132.39%2024%20124v-14.07c8.16%205.78%2019.09%2010.44%2032%2013.57Zm80-23.37c12.91-3.13%2023.84-7.79%2032-13.57V124c0%208.39-12.41%2017.4-32%2022.87Zm-16%2071.37c-19.59-5.47-32-14.48-32-22.87v-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.76Zm0-44.62A163%20163%200%200%201%2096%20152a163%20163%200%200%201-24-1.75v-23.79A184%20184%200%200%200%2096%20128a184%20184%200%200%200%2024-1.54Zm64%2048a165.5%20165.5%200%200%201-48%200V174.4a179.5%20179.5%200%200%200%2024%201.6a184%20184%200%200%200%2024-1.54ZM232%20172c0%208.39-12.41%2017.4-32%2022.87V171.5c12.91-3.13%2023.84-7.79%2032-13.57Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/coins-fill.svg?color=%231a73e8&size=48
