coin multiple icon
coin-multiple-28-filled from Fluent UI System Icons by Microsoft Corporation · 28 Filled · MIT Free for personal and commercial use.
- Name
- coin-multiple-28-filled
- Set
- Fluent UI System Icons
- Style
- 28 Filled
- Viewbox
- 28×28
- License
- MIT
11 other variants in Fluent UI System Icons
The same icon in other sets
Related icons in Fluent UI System Icons
Use the coin multiple icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M7.764 3.655C9.394 2.617 11.6 2 14 2s4.606.617 6.236 1.655C21.858 4.687 23 6.205 23 8s-1.142 3.313-2.764 4.345C18.606 13.383 16.4 14 14 14s-4.606-.617-6.236-1.655C6.142 11.313 5 9.795 5 8s1.142-3.313 2.764-4.345m14.644 8.181a8.3 8.3 0 0 1-1.635 1.353C18.96 14.343 16.56 15 14 15s-4.959-.657-6.773-1.811a8.2 8.2 0 0 1-1.635-1.353A4.3 4.3 0 0 0 5 14c0 1.796 1.142 3.314 2.764 4.346C9.394 19.383 11.6 20 14 20s4.606-.617 6.236-1.654C21.858 17.314 23 15.796 23 14c0-.779-.215-1.506-.592-2.164m0 6a8.3 8.3 0 0 1-1.635 1.353C18.96 20.343 16.56 21 14 21s-4.959-.657-6.773-1.811a8.3 8.3 0 0 1-1.635-1.353A4.3 4.3 0 0 0 5 20c0 1.795 1.142 3.313 2.764 4.345C9.394 25.383 11.6 26 14 26s4.606-.617 6.236-1.655C21.858 23.313 23 21.795 23 20c0-.78-.215-1.506-.592-2.164"/></svg>
React
import type { SVGProps } from "react";
export function FluentCoinMultiple28Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M7.764 3.655C9.394 2.617 11.6 2 14 2s4.606.617 6.236 1.655C21.858 4.687 23 6.205 23 8s-1.142 3.313-2.764 4.345C18.606 13.383 16.4 14 14 14s-4.606-.617-6.236-1.655C6.142 11.313 5 9.795 5 8s1.142-3.313 2.764-4.345m14.644 8.181a8.3 8.3 0 0 1-1.635 1.353C18.96 14.343 16.56 15 14 15s-4.959-.657-6.773-1.811a8.2 8.2 0 0 1-1.635-1.353A4.3 4.3 0 0 0 5 14c0 1.796 1.142 3.314 2.764 4.346C9.394 19.383 11.6 20 14 20s4.606-.617 6.236-1.654C21.858 17.314 23 15.796 23 14c0-.779-.215-1.506-.592-2.164m0 6a8.3 8.3 0 0 1-1.635 1.353C18.96 20.343 16.56 21 14 21s-4.959-.657-6.773-1.811a8.3 8.3 0 0 1-1.635-1.353A4.3 4.3 0 0 0 5 20c0 1.795 1.142 3.313 2.764 4.345C9.394 25.383 11.6 26 14 26s4.606-.617 6.236-1.655C21.858 23.313 23 21.795 23 20c0-.78-.215-1.506-.592-2.164"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M7.764 3.655C9.394 2.617 11.6 2 14 2s4.606.617 6.236 1.655C21.858 4.687 23 6.205 23 8s-1.142 3.313-2.764 4.345C18.606 13.383 16.4 14 14 14s-4.606-.617-6.236-1.655C6.142 11.313 5 9.795 5 8s1.142-3.313 2.764-4.345m14.644 8.181a8.3 8.3 0 0 1-1.635 1.353C18.96 14.343 16.56 15 14 15s-4.959-.657-6.773-1.811a8.2 8.2 0 0 1-1.635-1.353A4.3 4.3 0 0 0 5 14c0 1.796 1.142 3.314 2.764 4.346C9.394 19.383 11.6 20 14 20s4.606-.617 6.236-1.654C21.858 17.314 23 15.796 23 14c0-.779-.215-1.506-.592-2.164m0 6a8.3 8.3 0 0 1-1.635 1.353C18.96 20.343 16.56 21 14 21s-4.959-.657-6.773-1.811a8.3 8.3 0 0 1-1.635-1.353A4.3 4.3 0 0 0 5 20c0 1.795 1.142 3.313 2.764 4.345C9.394 25.383 11.6 26 14 26s4.606-.617 6.236-1.655C21.858 23.313 23 21.795 23 20c0-.78-.215-1.506-.592-2.164"/></svg> </template>
CSS
.icon-coin-multiple-28-filled {
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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.764%203.655C9.394%202.617%2011.6%202%2014%202s4.606.617%206.236%201.655C21.858%204.687%2023%206.205%2023%208s-1.142%203.313-2.764%204.345C18.606%2013.383%2016.4%2014%2014%2014s-4.606-.617-6.236-1.655C6.142%2011.313%205%209.795%205%208s1.142-3.313%202.764-4.345m14.644%208.181a8.3%208.3%200%200%201-1.635%201.353C18.96%2014.343%2016.56%2015%2014%2015s-4.959-.657-6.773-1.811a8.2%208.2%200%200%201-1.635-1.353A4.3%204.3%200%200%200%205%2014c0%201.796%201.142%203.314%202.764%204.346C9.394%2019.383%2011.6%2020%2014%2020s4.606-.617%206.236-1.654C21.858%2017.314%2023%2015.796%2023%2014c0-.779-.215-1.506-.592-2.164m0%206a8.3%208.3%200%200%201-1.635%201.353C18.96%2020.343%2016.56%2021%2014%2021s-4.959-.657-6.773-1.811a8.3%208.3%200%200%201-1.635-1.353A4.3%204.3%200%200%200%205%2020c0%201.795%201.142%203.313%202.764%204.345C9.394%2025.383%2011.6%2026%2014%2026s4.606-.617%206.236-1.655C21.858%2023.313%2023%2021.795%2023%2020c0-.78-.215-1.506-.592-2.164%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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.764%203.655C9.394%202.617%2011.6%202%2014%202s4.606.617%206.236%201.655C21.858%204.687%2023%206.205%2023%208s-1.142%203.313-2.764%204.345C18.606%2013.383%2016.4%2014%2014%2014s-4.606-.617-6.236-1.655C6.142%2011.313%205%209.795%205%208s1.142-3.313%202.764-4.345m14.644%208.181a8.3%208.3%200%200%201-1.635%201.353C18.96%2014.343%2016.56%2015%2014%2015s-4.959-.657-6.773-1.811a8.2%208.2%200%200%201-1.635-1.353A4.3%204.3%200%200%200%205%2014c0%201.796%201.142%203.314%202.764%204.346C9.394%2019.383%2011.6%2020%2014%2020s4.606-.617%206.236-1.654C21.858%2017.314%2023%2015.796%2023%2014c0-.779-.215-1.506-.592-2.164m0%206a8.3%208.3%200%200%201-1.635%201.353C18.96%2020.343%2016.56%2021%2014%2021s-4.959-.657-6.773-1.811a8.3%208.3%200%200%201-1.635-1.353A4.3%204.3%200%200%200%205%2020c0%201.795%201.142%203.313%202.764%204.345C9.394%2025.383%2011.6%2026%2014%2026s4.606-.617%206.236-1.655C21.858%2023.313%2023%2021.795%2023%2020c0-.78-.215-1.506-.592-2.164%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/coin-multiple-28-filled.svg?color=%231a73e8&size=48
