coin multiple icon
coin-multiple-48 from Fluent UI System Color Icons by Microsoft Corporation · 48 · MIT Free for personal and commercial use.
- Name
- coin-multiple-48
- Set
- Fluent UI System Color Icons
- Style
- 48
- Viewbox
- 48×48
- License
- MIT
5 other variants in Fluent UI System Color Icons
The same icon in other sets
Use the coin multiple icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><path fill="url(#SVGSbkm8cWu1)" d="M9 36c0 4.418 6.716 8 15 8c8.208 0 14.876-3.516 14.998-7.878L39 32H9z"/><ellipse cx="24" cy="32" fill="url(#SVGFKIRRbls1)" rx="15" ry="8"/><path fill="url(#SVGyHyD9bCM1)" d="M9 26c0 4.418 6.716 8 15 8c8.208 0 14.876-3.516 14.998-7.878L39 22H9z"/><ellipse cx="24" cy="22" fill="url(#SVG7cx7DemD1)" rx="15" ry="8"/><path fill="url(#SVGsqh5cscv1)" d="M9 16c0 4.418 6.716 8 15 8c8.208 0 14.876-3.516 14.998-7.878L39 12H9z"/><ellipse cx="24" cy="12" fill="url(#SVGR1LosdEY1)" rx="15" ry="8"/><defs><linearGradient id="SVGSbkm8cWu1" x1="16.957" x2="21.009" y1="34.945" y2="45.087" gradientUnits="userSpaceOnUse"><stop stop-color="#ffa43d"/><stop offset="1" stop-color="#fb5937"/></linearGradient><linearGradient id="SVGFKIRRbls1" x1="39.043" x2="24.856" y1="39.994" y2="18.234" gradientUnits="userSpaceOnUse"><stop stop-color="#ff8a69"/><stop offset="1" stop-color="#ffcd0f"/></linearGradient><linearGradient id="SVGyHyD9bCM1" x1="16.957" x2="21.009" y1="24.945" y2="35.087" gradientUnits="userSpaceOnUse"><stop stop-color="#ffa43d"/><stop offset="1" stop-color="#fb5937"/></linearGradient><linearGradient id="SVG7cx7DemD1" x1="39.043" x2="24.856" y1="29.994" y2="8.234" gradientUnits="userSpaceOnUse"><stop stop-color="#ff8a69"/><stop offset="1" stop-color="#ffcd0f"/></linearGradient><linearGradient id="SVGsqh5cscv1" x1="16.957" x2="21.009" y1="14.945" y2="25.087" gradientUnits="userSpaceOnUse"><stop stop-color="#ffa43d"/><stop offset="1" stop-color="#fb5937"/></linearGradient><linearGradient id="SVGR1LosdEY1" x1="39.043" x2="24.856" y1="19.994" y2="-1.766" gradientUnits="userSpaceOnUse"><stop stop-color="#ff8a69"/><stop offset="1" stop-color="#ffcd0f"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function FluentColorCoinMultiple48(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><path fill="url(#SVGSbkm8cWu1)" d="M9 36c0 4.418 6.716 8 15 8c8.208 0 14.876-3.516 14.998-7.878L39 32H9z"/><ellipse cx="24" cy="32" fill="url(#SVGFKIRRbls1)" rx="15" ry="8"/><path fill="url(#SVGyHyD9bCM1)" d="M9 26c0 4.418 6.716 8 15 8c8.208 0 14.876-3.516 14.998-7.878L39 22H9z"/><ellipse cx="24" cy="22" fill="url(#SVG7cx7DemD1)" rx="15" ry="8"/><path fill="url(#SVGsqh5cscv1)" d="M9 16c0 4.418 6.716 8 15 8c8.208 0 14.876-3.516 14.998-7.878L39 12H9z"/><ellipse cx="24" cy="12" fill="url(#SVGR1LosdEY1)" rx="15" ry="8"/><defs><linearGradient id="SVGSbkm8cWu1" x1="16.957" x2="21.009" y1="34.945" y2="45.087" gradientUnits="userSpaceOnUse"><stop stopColor="#ffa43d"/><stop offset="1" stopColor="#fb5937"/></linearGradient><linearGradient id="SVGFKIRRbls1" x1="39.043" x2="24.856" y1="39.994" y2="18.234" gradientUnits="userSpaceOnUse"><stop stopColor="#ff8a69"/><stop offset="1" stopColor="#ffcd0f"/></linearGradient><linearGradient id="SVGyHyD9bCM1" x1="16.957" x2="21.009" y1="24.945" y2="35.087" gradientUnits="userSpaceOnUse"><stop stopColor="#ffa43d"/><stop offset="1" stopColor="#fb5937"/></linearGradient><linearGradient id="SVG7cx7DemD1" x1="39.043" x2="24.856" y1="29.994" y2="8.234" gradientUnits="userSpaceOnUse"><stop stopColor="#ff8a69"/><stop offset="1" stopColor="#ffcd0f"/></linearGradient><linearGradient id="SVGsqh5cscv1" x1="16.957" x2="21.009" y1="14.945" y2="25.087" gradientUnits="userSpaceOnUse"><stop stopColor="#ffa43d"/><stop offset="1" stopColor="#fb5937"/></linearGradient><linearGradient id="SVGR1LosdEY1" x1="39.043" x2="24.856" y1="19.994" y2="-1.766" gradientUnits="userSpaceOnUse"><stop stopColor="#ff8a69"/><stop offset="1" stopColor="#ffcd0f"/></linearGradient></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><path fill="url(#SVGSbkm8cWu1)" d="M9 36c0 4.418 6.716 8 15 8c8.208 0 14.876-3.516 14.998-7.878L39 32H9z"/><ellipse cx="24" cy="32" fill="url(#SVGFKIRRbls1)" rx="15" ry="8"/><path fill="url(#SVGyHyD9bCM1)" d="M9 26c0 4.418 6.716 8 15 8c8.208 0 14.876-3.516 14.998-7.878L39 22H9z"/><ellipse cx="24" cy="22" fill="url(#SVG7cx7DemD1)" rx="15" ry="8"/><path fill="url(#SVGsqh5cscv1)" d="M9 16c0 4.418 6.716 8 15 8c8.208 0 14.876-3.516 14.998-7.878L39 12H9z"/><ellipse cx="24" cy="12" fill="url(#SVGR1LosdEY1)" rx="15" ry="8"/><defs><linearGradient id="SVGSbkm8cWu1" x1="16.957" x2="21.009" y1="34.945" y2="45.087" gradientUnits="userSpaceOnUse"><stop stop-color="#ffa43d"/><stop offset="1" stop-color="#fb5937"/></linearGradient><linearGradient id="SVGFKIRRbls1" x1="39.043" x2="24.856" y1="39.994" y2="18.234" gradientUnits="userSpaceOnUse"><stop stop-color="#ff8a69"/><stop offset="1" stop-color="#ffcd0f"/></linearGradient><linearGradient id="SVGyHyD9bCM1" x1="16.957" x2="21.009" y1="24.945" y2="35.087" gradientUnits="userSpaceOnUse"><stop stop-color="#ffa43d"/><stop offset="1" stop-color="#fb5937"/></linearGradient><linearGradient id="SVG7cx7DemD1" x1="39.043" x2="24.856" y1="29.994" y2="8.234" gradientUnits="userSpaceOnUse"><stop stop-color="#ff8a69"/><stop offset="1" stop-color="#ffcd0f"/></linearGradient><linearGradient id="SVGsqh5cscv1" x1="16.957" x2="21.009" y1="14.945" y2="25.087" gradientUnits="userSpaceOnUse"><stop stop-color="#ffa43d"/><stop offset="1" stop-color="#fb5937"/></linearGradient><linearGradient id="SVGR1LosdEY1" x1="39.043" x2="24.856" y1="19.994" y2="-1.766" gradientUnits="userSpaceOnUse"><stop stop-color="#ff8a69"/><stop offset="1" stop-color="#ffcd0f"/></linearGradient></defs></g></svg> </template>
CSS
.icon-coin-multiple-48 {
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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22url(%23SVGSbkm8cWu1)%22%20d%3D%22M9%2036c0%204.418%206.716%208%2015%208c8.208%200%2014.876-3.516%2014.998-7.878L39%2032H9z%22%2F%3E%3Cellipse%20cx%3D%2224%22%20cy%3D%2232%22%20fill%3D%22url(%23SVGFKIRRbls1)%22%20rx%3D%2215%22%20ry%3D%228%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGyHyD9bCM1)%22%20d%3D%22M9%2026c0%204.418%206.716%208%2015%208c8.208%200%2014.876-3.516%2014.998-7.878L39%2022H9z%22%2F%3E%3Cellipse%20cx%3D%2224%22%20cy%3D%2222%22%20fill%3D%22url(%23SVG7cx7DemD1)%22%20rx%3D%2215%22%20ry%3D%228%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGsqh5cscv1)%22%20d%3D%22M9%2016c0%204.418%206.716%208%2015%208c8.208%200%2014.876-3.516%2014.998-7.878L39%2012H9z%22%2F%3E%3Cellipse%20cx%3D%2224%22%20cy%3D%2212%22%20fill%3D%22url(%23SVGR1LosdEY1)%22%20rx%3D%2215%22%20ry%3D%228%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGSbkm8cWu1%22%20x1%3D%2216.957%22%20x2%3D%2221.009%22%20y1%3D%2234.945%22%20y2%3D%2245.087%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ffa43d%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fb5937%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGFKIRRbls1%22%20x1%3D%2239.043%22%20x2%3D%2224.856%22%20y1%3D%2239.994%22%20y2%3D%2218.234%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ff8a69%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ffcd0f%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGyHyD9bCM1%22%20x1%3D%2216.957%22%20x2%3D%2221.009%22%20y1%3D%2224.945%22%20y2%3D%2235.087%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ffa43d%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fb5937%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG7cx7DemD1%22%20x1%3D%2239.043%22%20x2%3D%2224.856%22%20y1%3D%2229.994%22%20y2%3D%228.234%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ff8a69%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ffcd0f%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGsqh5cscv1%22%20x1%3D%2216.957%22%20x2%3D%2221.009%22%20y1%3D%2214.945%22%20y2%3D%2225.087%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ffa43d%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fb5937%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGR1LosdEY1%22%20x1%3D%2239.043%22%20x2%3D%2224.856%22%20y1%3D%2219.994%22%20y2%3D%22-1.766%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ff8a69%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ffcd0f%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fg%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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22url(%23SVGSbkm8cWu1)%22%20d%3D%22M9%2036c0%204.418%206.716%208%2015%208c8.208%200%2014.876-3.516%2014.998-7.878L39%2032H9z%22%2F%3E%3Cellipse%20cx%3D%2224%22%20cy%3D%2232%22%20fill%3D%22url(%23SVGFKIRRbls1)%22%20rx%3D%2215%22%20ry%3D%228%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGyHyD9bCM1)%22%20d%3D%22M9%2026c0%204.418%206.716%208%2015%208c8.208%200%2014.876-3.516%2014.998-7.878L39%2022H9z%22%2F%3E%3Cellipse%20cx%3D%2224%22%20cy%3D%2222%22%20fill%3D%22url(%23SVG7cx7DemD1)%22%20rx%3D%2215%22%20ry%3D%228%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGsqh5cscv1)%22%20d%3D%22M9%2016c0%204.418%206.716%208%2015%208c8.208%200%2014.876-3.516%2014.998-7.878L39%2012H9z%22%2F%3E%3Cellipse%20cx%3D%2224%22%20cy%3D%2212%22%20fill%3D%22url(%23SVGR1LosdEY1)%22%20rx%3D%2215%22%20ry%3D%228%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGSbkm8cWu1%22%20x1%3D%2216.957%22%20x2%3D%2221.009%22%20y1%3D%2234.945%22%20y2%3D%2245.087%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ffa43d%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fb5937%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGFKIRRbls1%22%20x1%3D%2239.043%22%20x2%3D%2224.856%22%20y1%3D%2239.994%22%20y2%3D%2218.234%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ff8a69%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ffcd0f%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGyHyD9bCM1%22%20x1%3D%2216.957%22%20x2%3D%2221.009%22%20y1%3D%2224.945%22%20y2%3D%2235.087%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ffa43d%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fb5937%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG7cx7DemD1%22%20x1%3D%2239.043%22%20x2%3D%2224.856%22%20y1%3D%2229.994%22%20y2%3D%228.234%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ff8a69%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ffcd0f%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGsqh5cscv1%22%20x1%3D%2216.957%22%20x2%3D%2221.009%22%20y1%3D%2214.945%22%20y2%3D%2225.087%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ffa43d%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fb5937%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGR1LosdEY1%22%20x1%3D%2239.043%22%20x2%3D%2224.856%22%20y1%3D%2219.994%22%20y2%3D%22-1.766%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ff8a69%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ffcd0f%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-color/coin-multiple-48.svg?color=%231a73e8&size=48
