currency icon
currency-24-filled from Fluent UI System Icons by Microsoft Corporation · 24 Filled · MIT Free for personal and commercial use.
- Name
- currency-24-filled
- Set
- Fluent UI System Icons
- Style
- 24 Filled
- Viewbox
- 24×24
- License
- MIT
5 other variants in Fluent UI System Icons
The same icon in other sets
Related icons in Fluent UI System Icons
Use the currency icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M6.5 2a1 1 0 0 1 1 1v.112A4.502 4.502 0 0 1 11 7.5v.865a1 1 0 1 1-2 0V7.5a2.5 2.5 0 0 0-1.5-2.292v6.157l.709.335A4.875 4.875 0 0 1 11 16.107v.372a4.502 4.502 0 0 1-3.5 4.389v.124a1 1 0 0 1-2 0v-.124A4.502 4.502 0 0 1 2 16.479v-.845a1 1 0 1 1 2 0v.845a2.5 2.5 0 0 0 1.5 2.292v-6.14l-.704-.332A4.883 4.883 0 0 1 2 7.884V7.5a4.502 4.502 0 0 1 3.5-4.388V3a1 1 0 0 1 1-1zm12.864 1c.726 0 1.54.21 2.197.66a1 1 0 0 1-1.022 1.714l-.108-.064c-.282-.193-.69-.31-1.067-.31c-1.046 0-2.112.632-2.962 1.9a7.695 7.695 0 0 0-.87 1.784l-.11.34H16a1 1 0 0 1 .116 1.994l-.116.007h-.957c-.019.212-.032.427-.038.645l-.005.355h1a1 1 0 0 1 .117 1.993l-.116.007h-.811c.231 1.199.66 2.251 1.212 3.075c.85 1.268 1.916 1.9 2.962 1.9c.348 0 .684-.08.933-.217l.117-.074a1 1 0 1 1 1.172 1.62c-.686.497-1.525.671-2.222.671c-1.917 0-3.533-1.159-4.623-2.786c-.712-1.061-1.233-2.36-1.511-3.793l-.07-.394H12a1 1 0 0 1-.117-1.992l.116-.007L13 12.027V12c0-.22.005-.437.016-.653l.02-.322H12a1 1 0 0 1-.117-1.993L12 9.025h1.35c.297-1.214.772-2.316 1.39-3.239C15.832 4.16 17.448 3 19.364 3zM7.5 13.582v5.19a2.501 2.501 0 0 0 1.494-2.113l.006-.18v-.372c0-.991-.51-1.903-1.331-2.426l-.169-.099zm-2-8.374a2.501 2.501 0 0 0-1.494 2.113L4 7.5v.384c0 .992.509 1.905 1.331 2.43l.169.1V5.208z" fill="currentColor" fill-rule="nonzero"/></svg>
React
import type { SVGProps } from "react";
export function FluentCurrency24Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M6.5 2a1 1 0 0 1 1 1v.112A4.502 4.502 0 0 1 11 7.5v.865a1 1 0 1 1-2 0V7.5a2.5 2.5 0 0 0-1.5-2.292v6.157l.709.335A4.875 4.875 0 0 1 11 16.107v.372a4.502 4.502 0 0 1-3.5 4.389v.124a1 1 0 0 1-2 0v-.124A4.502 4.502 0 0 1 2 16.479v-.845a1 1 0 1 1 2 0v.845a2.5 2.5 0 0 0 1.5 2.292v-6.14l-.704-.332A4.883 4.883 0 0 1 2 7.884V7.5a4.502 4.502 0 0 1 3.5-4.388V3a1 1 0 0 1 1-1zm12.864 1c.726 0 1.54.21 2.197.66a1 1 0 0 1-1.022 1.714l-.108-.064c-.282-.193-.69-.31-1.067-.31c-1.046 0-2.112.632-2.962 1.9a7.695 7.695 0 0 0-.87 1.784l-.11.34H16a1 1 0 0 1 .116 1.994l-.116.007h-.957c-.019.212-.032.427-.038.645l-.005.355h1a1 1 0 0 1 .117 1.993l-.116.007h-.811c.231 1.199.66 2.251 1.212 3.075c.85 1.268 1.916 1.9 2.962 1.9c.348 0 .684-.08.933-.217l.117-.074a1 1 0 1 1 1.172 1.62c-.686.497-1.525.671-2.222.671c-1.917 0-3.533-1.159-4.623-2.786c-.712-1.061-1.233-2.36-1.511-3.793l-.07-.394H12a1 1 0 0 1-.117-1.992l.116-.007L13 12.027V12c0-.22.005-.437.016-.653l.02-.322H12a1 1 0 0 1-.117-1.993L12 9.025h1.35c.297-1.214.772-2.316 1.39-3.239C15.832 4.16 17.448 3 19.364 3zM7.5 13.582v5.19a2.501 2.501 0 0 0 1.494-2.113l.006-.18v-.372c0-.991-.51-1.903-1.331-2.426l-.169-.099zm-2-8.374a2.501 2.501 0 0 0-1.494 2.113L4 7.5v.384c0 .992.509 1.905 1.331 2.43l.169.1V5.208z" fill="currentColor" fillRule="nonzero"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M6.5 2a1 1 0 0 1 1 1v.112A4.502 4.502 0 0 1 11 7.5v.865a1 1 0 1 1-2 0V7.5a2.5 2.5 0 0 0-1.5-2.292v6.157l.709.335A4.875 4.875 0 0 1 11 16.107v.372a4.502 4.502 0 0 1-3.5 4.389v.124a1 1 0 0 1-2 0v-.124A4.502 4.502 0 0 1 2 16.479v-.845a1 1 0 1 1 2 0v.845a2.5 2.5 0 0 0 1.5 2.292v-6.14l-.704-.332A4.883 4.883 0 0 1 2 7.884V7.5a4.502 4.502 0 0 1 3.5-4.388V3a1 1 0 0 1 1-1zm12.864 1c.726 0 1.54.21 2.197.66a1 1 0 0 1-1.022 1.714l-.108-.064c-.282-.193-.69-.31-1.067-.31c-1.046 0-2.112.632-2.962 1.9a7.695 7.695 0 0 0-.87 1.784l-.11.34H16a1 1 0 0 1 .116 1.994l-.116.007h-.957c-.019.212-.032.427-.038.645l-.005.355h1a1 1 0 0 1 .117 1.993l-.116.007h-.811c.231 1.199.66 2.251 1.212 3.075c.85 1.268 1.916 1.9 2.962 1.9c.348 0 .684-.08.933-.217l.117-.074a1 1 0 1 1 1.172 1.62c-.686.497-1.525.671-2.222.671c-1.917 0-3.533-1.159-4.623-2.786c-.712-1.061-1.233-2.36-1.511-3.793l-.07-.394H12a1 1 0 0 1-.117-1.992l.116-.007L13 12.027V12c0-.22.005-.437.016-.653l.02-.322H12a1 1 0 0 1-.117-1.993L12 9.025h1.35c.297-1.214.772-2.316 1.39-3.239C15.832 4.16 17.448 3 19.364 3zM7.5 13.582v5.19a2.501 2.501 0 0 0 1.494-2.113l.006-.18v-.372c0-.991-.51-1.903-1.331-2.426l-.169-.099zm-2-8.374a2.501 2.501 0 0 0-1.494 2.113L4 7.5v.384c0 .992.509 1.905 1.331 2.43l.169.1V5.208z" fill="currentColor" fill-rule="nonzero"/></svg> </template>
CSS
.icon-currency-24-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%2024%2024%22%3E%3Cpath%20d%3D%22M6.5%202a1%201%200%200%201%201%201v.112A4.502%204.502%200%200%201%2011%207.5v.865a1%201%200%201%201-2%200V7.5a2.5%202.5%200%200%200-1.5-2.292v6.157l.709.335A4.875%204.875%200%200%201%2011%2016.107v.372a4.502%204.502%200%200%201-3.5%204.389v.124a1%201%200%200%201-2%200v-.124A4.502%204.502%200%200%201%202%2016.479v-.845a1%201%200%201%201%202%200v.845a2.5%202.5%200%200%200%201.5%202.292v-6.14l-.704-.332A4.883%204.883%200%200%201%202%207.884V7.5a4.502%204.502%200%200%201%203.5-4.388V3a1%201%200%200%201%201-1zm12.864%201c.726%200%201.54.21%202.197.66a1%201%200%200%201-1.022%201.714l-.108-.064c-.282-.193-.69-.31-1.067-.31c-1.046%200-2.112.632-2.962%201.9a7.695%207.695%200%200%200-.87%201.784l-.11.34H16a1%201%200%200%201%20.116%201.994l-.116.007h-.957c-.019.212-.032.427-.038.645l-.005.355h1a1%201%200%200%201%20.117%201.993l-.116.007h-.811c.231%201.199.66%202.251%201.212%203.075c.85%201.268%201.916%201.9%202.962%201.9c.348%200%20.684-.08.933-.217l.117-.074a1%201%200%201%201%201.172%201.62c-.686.497-1.525.671-2.222.671c-1.917%200-3.533-1.159-4.623-2.786c-.712-1.061-1.233-2.36-1.511-3.793l-.07-.394H12a1%201%200%200%201-.117-1.992l.116-.007L13%2012.027V12c0-.22.005-.437.016-.653l.02-.322H12a1%201%200%200%201-.117-1.993L12%209.025h1.35c.297-1.214.772-2.316%201.39-3.239C15.832%204.16%2017.448%203%2019.364%203zM7.5%2013.582v5.19a2.501%202.501%200%200%200%201.494-2.113l.006-.18v-.372c0-.991-.51-1.903-1.331-2.426l-.169-.099zm-2-8.374a2.501%202.501%200%200%200-1.494%202.113L4%207.5v.384c0%20.992.509%201.905%201.331%202.43l.169.1V5.208z%22%20fill%3D%22currentColor%22%20fill-rule%3D%22nonzero%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%2024%2024%22%3E%3Cpath%20d%3D%22M6.5%202a1%201%200%200%201%201%201v.112A4.502%204.502%200%200%201%2011%207.5v.865a1%201%200%201%201-2%200V7.5a2.5%202.5%200%200%200-1.5-2.292v6.157l.709.335A4.875%204.875%200%200%201%2011%2016.107v.372a4.502%204.502%200%200%201-3.5%204.389v.124a1%201%200%200%201-2%200v-.124A4.502%204.502%200%200%201%202%2016.479v-.845a1%201%200%201%201%202%200v.845a2.5%202.5%200%200%200%201.5%202.292v-6.14l-.704-.332A4.883%204.883%200%200%201%202%207.884V7.5a4.502%204.502%200%200%201%203.5-4.388V3a1%201%200%200%201%201-1zm12.864%201c.726%200%201.54.21%202.197.66a1%201%200%200%201-1.022%201.714l-.108-.064c-.282-.193-.69-.31-1.067-.31c-1.046%200-2.112.632-2.962%201.9a7.695%207.695%200%200%200-.87%201.784l-.11.34H16a1%201%200%200%201%20.116%201.994l-.116.007h-.957c-.019.212-.032.427-.038.645l-.005.355h1a1%201%200%200%201%20.117%201.993l-.116.007h-.811c.231%201.199.66%202.251%201.212%203.075c.85%201.268%201.916%201.9%202.962%201.9c.348%200%20.684-.08.933-.217l.117-.074a1%201%200%201%201%201.172%201.62c-.686.497-1.525.671-2.222.671c-1.917%200-3.533-1.159-4.623-2.786c-.712-1.061-1.233-2.36-1.511-3.793l-.07-.394H12a1%201%200%200%201-.117-1.992l.116-.007L13%2012.027V12c0-.22.005-.437.016-.653l.02-.322H12a1%201%200%200%201-.117-1.993L12%209.025h1.35c.297-1.214.772-2.316%201.39-3.239C15.832%204.16%2017.448%203%2019.364%203zM7.5%2013.582v5.19a2.501%202.501%200%200%200%201.494-2.113l.006-.18v-.372c0-.991-.51-1.903-1.331-2.426l-.169-.099zm-2-8.374a2.501%202.501%200%200%200-1.494%202.113L4%207.5v.384c0%20.992.509%201.905%201.331%202.43l.169.1V5.208z%22%20fill%3D%22currentColor%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/currency-24-filled.svg?color=%231a73e8&size=48
