euro sign icon

euro-sign from Font Awesome 6 Solid by Dave Gandy · Regular · Currency · CC-BY-4.0 Attribution required.

Name
euro-sign
Set
Font Awesome 6 Solid
Style
Regular
Category
Currency
Viewbox
320×512
License
CC BY 4.0

The same icon in other sets

euro-signFont Awesome Solideuro-signLine Awesome

More currency icons from Font Awesome 6 Solid

lira-signmoney-billmoney-bill-wavemoney-checkruble-signrupee-signshekel-signwon-signyen-sign

Use the euro sign icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 320 512"><path fill="currentColor" d="M48.1 240c-.1 2.7-.1 5.3-.1 8v16c0 2.7 0 5.3.1 8H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h28.3C89.9 419.9 170 480 264 480h24c17.7 0 32-14.3 32-32s-14.3-32-32-32h-24c-57.9 0-108.2-32.4-133.9-80H256c17.7 0 32-14.3 32-32s-14.3-32-32-32H112.2c-.1-2.6-.2-5.3-.2-8v-16c0-2.7.1-5.4.2-8H256c17.7 0 32-14.3 32-32s-14.3-32-32-32H130.1c25.7-47.6 76-80 133.9-80h24c17.7 0 32-14.3 32-32s-14.3-32-32-32h-24C170 32 89.9 92.1 60.3 176H32c-17.7 0-32 14.3-32 32s14.3 32 32 32z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidEuroSign(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 320 512"><path fill="currentColor" d="M48.1 240c-.1 2.7-.1 5.3-.1 8v16c0 2.7 0 5.3.1 8H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h28.3C89.9 419.9 170 480 264 480h24c17.7 0 32-14.3 32-32s-14.3-32-32-32h-24c-57.9 0-108.2-32.4-133.9-80H256c17.7 0 32-14.3 32-32s-14.3-32-32-32H112.2c-.1-2.6-.2-5.3-.2-8v-16c0-2.7.1-5.4.2-8H256c17.7 0 32-14.3 32-32s-14.3-32-32-32H130.1c25.7-47.6 76-80 133.9-80h24c17.7 0 32-14.3 32-32s-14.3-32-32-32h-24C170 32 89.9 92.1 60.3 176H32c-17.7 0-32 14.3-32 32s14.3 32 32 32z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 320 512"><path fill="currentColor" d="M48.1 240c-.1 2.7-.1 5.3-.1 8v16c0 2.7 0 5.3.1 8H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h28.3C89.9 419.9 170 480 264 480h24c17.7 0 32-14.3 32-32s-14.3-32-32-32h-24c-57.9 0-108.2-32.4-133.9-80H256c17.7 0 32-14.3 32-32s-14.3-32-32-32H112.2c-.1-2.6-.2-5.3-.2-8v-16c0-2.7.1-5.4.2-8H256c17.7 0 32-14.3 32-32s-14.3-32-32-32H130.1c25.7-47.6 76-80 133.9-80h24c17.7 0 32-14.3 32-32s-14.3-32-32-32h-24C170 32 89.9 92.1 60.3 176H32c-17.7 0-32 14.3-32 32s14.3 32 32 32z"/></svg>
</template>

CSS

.icon-euro-sign {
  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%20320%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M48.1%20240c-.1%202.7-.1%205.3-.1%208v16c0%202.7%200%205.3.1%208H32c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032h28.3C89.9%20419.9%20170%20480%20264%20480h24c17.7%200%2032-14.3%2032-32s-14.3-32-32-32h-24c-57.9%200-108.2-32.4-133.9-80H256c17.7%200%2032-14.3%2032-32s-14.3-32-32-32H112.2c-.1-2.6-.2-5.3-.2-8v-16c0-2.7.1-5.4.2-8H256c17.7%200%2032-14.3%2032-32s-14.3-32-32-32H130.1c25.7-47.6%2076-80%20133.9-80h24c17.7%200%2032-14.3%2032-32s-14.3-32-32-32h-24C170%2032%2089.9%2092.1%2060.3%20176H32c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032z%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%20320%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M48.1%20240c-.1%202.7-.1%205.3-.1%208v16c0%202.7%200%205.3.1%208H32c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032h28.3C89.9%20419.9%20170%20480%20264%20480h24c17.7%200%2032-14.3%2032-32s-14.3-32-32-32h-24c-57.9%200-108.2-32.4-133.9-80H256c17.7%200%2032-14.3%2032-32s-14.3-32-32-32H112.2c-.1-2.6-.2-5.3-.2-8v-16c0-2.7.1-5.4.2-8H256c17.7%200%2032-14.3%2032-32s-14.3-32-32-32H130.1c25.7-47.6%2076-80%20133.9-80h24c17.7%200%2032-14.3%2032-32s-14.3-32-32-32h-24C170%2032%2089.9%2092.1%2060.3%20176H32c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-solid/euro-sign.svg?color=%231a73e8&size=48