currency dollar euro icon
currency-dollar-euro-16-filled from Fluent UI System Icons by Microsoft Corporation · 16 Filled · MIT Free for personal and commercial use.
- Name
- currency-dollar-euro-16-filled
- Set
- Fluent UI System Icons
- Style
- 16 Filled
- Viewbox
- 16×16
- License
- MIT
5 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
Use the currency dollar euro icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M4.752 2a.75.75 0 0 0-.75.75v.354A2.75 2.75 0 0 0 2 5.753v.037c0 1.106.654 2.108 1.667 2.553l.335.147v2.75a1.25 1.25 0 0 1-.502-1.002v-.603a.75.75 0 0 0-1.5 0v.603c0 1.26.847 2.322 2.002 2.649v.365a.75.75 0 1 0 1.5 0v-.367a2.78 2.78 0 0 0 2.002-2.666a2.8 2.8 0 0 0-1.665-2.56l-.337-.149V4.75c.304.229.502.593.502 1.003v.613a.75.75 0 1 0 1.5 0v-.613c0-1.26-.847-2.322-2.002-2.649V2.75a.75.75 0 0 0-.75-.75M3.5 5.753c0-.41.197-.774.502-1.003v2.06A1.29 1.29 0 0 1 3.5 5.79zm2.002 5.48V9.19c.31.241.502.622.502 1.03c0 .413-.199.781-.502 1.013M10.5 8.002h.752a.75.75 0 0 0 .001-1.5h-.557c.117-.424.28-.799.474-1.105c.405-.641.87-.895 1.262-.895c.136 0 .282.046.375.114a.75.75 0 1 0 .883-1.213a2.17 2.17 0 0 0-1.258-.401c-1.09 0-1.965.698-2.53 1.595a5.8 5.8 0 0 0-.75 1.903H8.75a.75.75 0 1 0 0 1.5H9q0 .511.067.998H8.75a.75.75 0 1 0-.002 1.5h.7q.191.492.453.908c.566.897 1.442 1.595 2.53 1.595c.395 0 .877-.104 1.276-.41a.75.75 0 1 0-.914-1.19a.62.62 0 0 1-.361.1c-.392 0-.857-.254-1.262-.895l-.064-.105h.146a.75.75 0 1 0 .002-1.5h-.67a6 6 0 0 1-.084-1"/></svg>
React
import type { SVGProps } from "react";
export function FluentCurrencyDollarEuro16Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M4.752 2a.75.75 0 0 0-.75.75v.354A2.75 2.75 0 0 0 2 5.753v.037c0 1.106.654 2.108 1.667 2.553l.335.147v2.75a1.25 1.25 0 0 1-.502-1.002v-.603a.75.75 0 0 0-1.5 0v.603c0 1.26.847 2.322 2.002 2.649v.365a.75.75 0 1 0 1.5 0v-.367a2.78 2.78 0 0 0 2.002-2.666a2.8 2.8 0 0 0-1.665-2.56l-.337-.149V4.75c.304.229.502.593.502 1.003v.613a.75.75 0 1 0 1.5 0v-.613c0-1.26-.847-2.322-2.002-2.649V2.75a.75.75 0 0 0-.75-.75M3.5 5.753c0-.41.197-.774.502-1.003v2.06A1.29 1.29 0 0 1 3.5 5.79zm2.002 5.48V9.19c.31.241.502.622.502 1.03c0 .413-.199.781-.502 1.013M10.5 8.002h.752a.75.75 0 0 0 .001-1.5h-.557c.117-.424.28-.799.474-1.105c.405-.641.87-.895 1.262-.895c.136 0 .282.046.375.114a.75.75 0 1 0 .883-1.213a2.17 2.17 0 0 0-1.258-.401c-1.09 0-1.965.698-2.53 1.595a5.8 5.8 0 0 0-.75 1.903H8.75a.75.75 0 1 0 0 1.5H9q0 .511.067.998H8.75a.75.75 0 1 0-.002 1.5h.7q.191.492.453.908c.566.897 1.442 1.595 2.53 1.595c.395 0 .877-.104 1.276-.41a.75.75 0 1 0-.914-1.19a.62.62 0 0 1-.361.1c-.392 0-.857-.254-1.262-.895l-.064-.105h.146a.75.75 0 1 0 .002-1.5h-.67a6 6 0 0 1-.084-1"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M4.752 2a.75.75 0 0 0-.75.75v.354A2.75 2.75 0 0 0 2 5.753v.037c0 1.106.654 2.108 1.667 2.553l.335.147v2.75a1.25 1.25 0 0 1-.502-1.002v-.603a.75.75 0 0 0-1.5 0v.603c0 1.26.847 2.322 2.002 2.649v.365a.75.75 0 1 0 1.5 0v-.367a2.78 2.78 0 0 0 2.002-2.666a2.8 2.8 0 0 0-1.665-2.56l-.337-.149V4.75c.304.229.502.593.502 1.003v.613a.75.75 0 1 0 1.5 0v-.613c0-1.26-.847-2.322-2.002-2.649V2.75a.75.75 0 0 0-.75-.75M3.5 5.753c0-.41.197-.774.502-1.003v2.06A1.29 1.29 0 0 1 3.5 5.79zm2.002 5.48V9.19c.31.241.502.622.502 1.03c0 .413-.199.781-.502 1.013M10.5 8.002h.752a.75.75 0 0 0 .001-1.5h-.557c.117-.424.28-.799.474-1.105c.405-.641.87-.895 1.262-.895c.136 0 .282.046.375.114a.75.75 0 1 0 .883-1.213a2.17 2.17 0 0 0-1.258-.401c-1.09 0-1.965.698-2.53 1.595a5.8 5.8 0 0 0-.75 1.903H8.75a.75.75 0 1 0 0 1.5H9q0 .511.067.998H8.75a.75.75 0 1 0-.002 1.5h.7q.191.492.453.908c.566.897 1.442 1.595 2.53 1.595c.395 0 .877-.104 1.276-.41a.75.75 0 1 0-.914-1.19a.62.62 0 0 1-.361.1c-.392 0-.857-.254-1.262-.895l-.064-.105h.146a.75.75 0 1 0 .002-1.5h-.67a6 6 0 0 1-.084-1"/></svg> </template>
CSS
.icon-currency-dollar-euro-16-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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.752%202a.75.75%200%200%200-.75.75v.354A2.75%202.75%200%200%200%202%205.753v.037c0%201.106.654%202.108%201.667%202.553l.335.147v2.75a1.25%201.25%200%200%201-.502-1.002v-.603a.75.75%200%200%200-1.5%200v.603c0%201.26.847%202.322%202.002%202.649v.365a.75.75%200%201%200%201.5%200v-.367a2.78%202.78%200%200%200%202.002-2.666a2.8%202.8%200%200%200-1.665-2.56l-.337-.149V4.75c.304.229.502.593.502%201.003v.613a.75.75%200%201%200%201.5%200v-.613c0-1.26-.847-2.322-2.002-2.649V2.75a.75.75%200%200%200-.75-.75M3.5%205.753c0-.41.197-.774.502-1.003v2.06A1.29%201.29%200%200%201%203.5%205.79zm2.002%205.48V9.19c.31.241.502.622.502%201.03c0%20.413-.199.781-.502%201.013M10.5%208.002h.752a.75.75%200%200%200%20.001-1.5h-.557c.117-.424.28-.799.474-1.105c.405-.641.87-.895%201.262-.895c.136%200%20.282.046.375.114a.75.75%200%201%200%20.883-1.213a2.17%202.17%200%200%200-1.258-.401c-1.09%200-1.965.698-2.53%201.595a5.8%205.8%200%200%200-.75%201.903H8.75a.75.75%200%201%200%200%201.5H9q0%20.511.067.998H8.75a.75.75%200%201%200-.002%201.5h.7q.191.492.453.908c.566.897%201.442%201.595%202.53%201.595c.395%200%20.877-.104%201.276-.41a.75.75%200%201%200-.914-1.19a.62.62%200%200%201-.361.1c-.392%200-.857-.254-1.262-.895l-.064-.105h.146a.75.75%200%201%200%20.002-1.5h-.67a6%206%200%200%201-.084-1%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.752%202a.75.75%200%200%200-.75.75v.354A2.75%202.75%200%200%200%202%205.753v.037c0%201.106.654%202.108%201.667%202.553l.335.147v2.75a1.25%201.25%200%200%201-.502-1.002v-.603a.75.75%200%200%200-1.5%200v.603c0%201.26.847%202.322%202.002%202.649v.365a.75.75%200%201%200%201.5%200v-.367a2.78%202.78%200%200%200%202.002-2.666a2.8%202.8%200%200%200-1.665-2.56l-.337-.149V4.75c.304.229.502.593.502%201.003v.613a.75.75%200%201%200%201.5%200v-.613c0-1.26-.847-2.322-2.002-2.649V2.75a.75.75%200%200%200-.75-.75M3.5%205.753c0-.41.197-.774.502-1.003v2.06A1.29%201.29%200%200%201%203.5%205.79zm2.002%205.48V9.19c.31.241.502.622.502%201.03c0%20.413-.199.781-.502%201.013M10.5%208.002h.752a.75.75%200%200%200%20.001-1.5h-.557c.117-.424.28-.799.474-1.105c.405-.641.87-.895%201.262-.895c.136%200%20.282.046.375.114a.75.75%200%201%200%20.883-1.213a2.17%202.17%200%200%200-1.258-.401c-1.09%200-1.965.698-2.53%201.595a5.8%205.8%200%200%200-.75%201.903H8.75a.75.75%200%201%200%200%201.5H9q0%20.511.067.998H8.75a.75.75%200%201%200-.002%201.5h.7q.191.492.453.908c.566.897%201.442%201.595%202.53%201.595c.395%200%20.877-.104%201.276-.41a.75.75%200%201%200-.914-1.19a.62.62%200%200%201-.361.1c-.392%200-.857-.254-1.262-.895l-.064-.105h.146a.75.75%200%201%200%20.002-1.5h-.67a6%206%200%200%201-.084-1%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/currency-dollar-euro-16-filled.svg?color=%231a73e8&size=48
