Gentleface › Money & finance › currency-euro

currency-euro icon

Currency euro: euro, eur. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M8.856 6.144C8.952 6.241 9 6.359 9 6.5C9 6.641 8.952 6.759 8.856 6.856C8.759 6.952 8.641 7 8.5 7L5 7L5 8L8.5 8C8.641 8 8.759 8.048 8.856 8.144C8.952 8.241 9 8.359 9 8.5C9 8.641 8.952 8.759 8.856 8.856C8.759 8.952 8.641 9 8.5 9L5.034 9C5.106 9.516 5.291 9.997 5.59 10.444C5.983 11.033 6.507 11.463 7.161 11.734C7.815 12.004 8.489 12.071 9.183 11.933C9.877 11.795 10.474 11.475 10.975 10.975C11.075 10.875 11.192 10.825 11.328 10.825C11.464 10.825 11.582 10.875 11.682 10.975C11.782 11.075 11.831 11.192 11.831 11.328C11.831 11.464 11.782 11.582 11.682 11.682C11.374 11.99 11.029 12.247 10.647 12.455C10.247 12.672 9.824 12.825 9.378 12.914C8.932 13.002 8.482 13.023 8.03 12.975C7.597 12.93 7.18 12.824 6.778 12.657C6.376 12.491 6.006 12.271 5.668 11.997C5.314 11.711 5.011 11.378 4.758 11C4.506 10.622 4.315 10.214 4.185 9.778C4.109 9.522 4.057 9.263 4.028 9L2.5 9C2.359 9 2.241 8.952 2.144 8.856C2.048 8.759 2 8.641 2 8.5C2 8.359 2.048 8.241 2.144 8.144C2.241 8.048 2.359 8 2.5 8L4 8L4 7L2.5 7C2.359 7 2.241 6.952 2.144 6.856C2.048 6.759 2 6.641 2 6.5C2 6.359 2.048 6.241 2.144 6.144C2.241 6.048 2.359 6 2.5 6L4.028 6C4.057 5.737 4.109 5.478 4.185 5.222C4.315 4.786 4.506 4.378 4.758 4C5.011 3.622 5.314 3.289 5.668 3.003C6.006 2.729 6.376 2.509 6.778 2.343C7.18 2.176 7.597 2.07 8.03 2.025C8.482 1.977 8.932 1.998 9.378 2.086C9.824 2.175 10.247 2.328 10.647 2.545C11.029 2.753 11.374 3.01 11.682 3.318C11.782 3.418 11.831 3.536 11.831 3.672C11.831 3.808 11.782 3.925 11.682 4.025C11.582 4.125 11.464 4.175 11.328 4.175C11.192 4.175 11.075 4.125 10.975 4.025C10.474 3.525 9.877 3.205 9.183 3.067C8.489 2.929 7.815 2.996 7.161 3.266C6.507 3.537 5.983 3.967 5.59 4.555C5.291 5.003 5.106 5.484 5.034 6L8.5 6C8.641 6 8.759 6.048 8.856 6.144Z"/></svg>

React

// Gentleface "currency-euro" (line-round), MIT. https://gentleface.com/icons/currency-euro
import type { SVGProps } from 'react';

export function CurrencyEuroIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M8.856 6.144C8.952 6.241 9 6.359 9 6.5C9 6.641 8.952 6.759 8.856 6.856C8.759 6.952 8.641 7 8.5 7L5 7L5 8L8.5 8C8.641 8 8.759 8.048 8.856 8.144C8.952 8.241 9 8.359 9 8.5C9 8.641 8.952 8.759 8.856 8.856C8.759 8.952 8.641 9 8.5 9L5.034 9C5.106 9.516 5.291 9.997 5.59 10.444C5.983 11.033 6.507 11.463 7.161 11.734C7.815 12.004 8.489 12.071 9.183 11.933C9.877 11.795 10.474 11.475 10.975 10.975C11.075 10.875 11.192 10.825 11.328 10.825C11.464 10.825 11.582 10.875 11.682 10.975C11.782 11.075 11.831 11.192 11.831 11.328C11.831 11.464 11.782 11.582 11.682 11.682C11.374 11.99 11.029 12.247 10.647 12.455C10.247 12.672 9.824 12.825 9.378 12.914C8.932 13.002 8.482 13.023 8.03 12.975C7.597 12.93 7.18 12.824 6.778 12.657C6.376 12.491 6.006 12.271 5.668 11.997C5.314 11.711 5.011 11.378 4.758 11C4.506 10.622 4.315 10.214 4.185 9.778C4.109 9.522 4.057 9.263 4.028 9L2.5 9C2.359 9 2.241 8.952 2.144 8.856C2.048 8.759 2 8.641 2 8.5C2 8.359 2.048 8.241 2.144 8.144C2.241 8.048 2.359 8 2.5 8L4 8L4 7L2.5 7C2.359 7 2.241 6.952 2.144 6.856C2.048 6.759 2 6.641 2 6.5C2 6.359 2.048 6.241 2.144 6.144C2.241 6.048 2.359 6 2.5 6L4.028 6C4.057 5.737 4.109 5.478 4.185 5.222C4.315 4.786 4.506 4.378 4.758 4C5.011 3.622 5.314 3.289 5.668 3.003C6.006 2.729 6.376 2.509 6.778 2.343C7.18 2.176 7.597 2.07 8.03 2.025C8.482 1.977 8.932 1.998 9.378 2.086C9.824 2.175 10.247 2.328 10.647 2.545C11.029 2.753 11.374 3.01 11.682 3.318C11.782 3.418 11.831 3.536 11.831 3.672C11.831 3.808 11.782 3.925 11.682 4.025C11.582 4.125 11.464 4.175 11.328 4.175C11.192 4.175 11.075 4.125 10.975 4.025C10.474 3.525 9.877 3.205 9.183 3.067C8.489 2.929 7.815 2.996 7.161 3.266C6.507 3.537 5.983 3.967 5.59 4.555C5.291 5.003 5.106 5.484 5.034 6L8.5 6C8.641 6 8.759 6.048 8.856 6.144Z" />
    </svg>
  );
}

Vue

Vue: see /icons/currency-euro.md

Svelte

Svelte: see /icons/currency-euro.md

HTML img

HTML img: see /icons/currency-euro.md

CSS

CSS: see /icons/currency-euro.md

Data URL

Data URL: see /icons/currency-euro.md

Sprite

Sprite: see /icons/currency-euro.md

SwiftUI

SwiftUI: see /icons/currency-euro.md

Compose

Compose: see /icons/currency-euro.md

Android XML

Android XML: see /icons/currency-euro.md

Flutter

Flutter: see /icons/currency-euro.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for

euro, eur

Also fits

euro: € prices in euros; currency (¤) stays the neutral default

Built from

variant of currency

Tags

euro, eur, currency, money, price, cost, payment

Category

Money & finance

Component name

CurrencyEuroIcon

History

2026-10-15 added

Family 1

currency

More money & finance icons

banknote banknote-arrow-down banknote-arrow-up banknote-check banknote-off banknote-x coin coins coins-swap coins-swap-badge credit-card credit-card-alert credit-card-check credit-card-clock credit-card-gear credit-card-off · all money & finance icons

For agents

Metadata: /icons/currency-euro.json · Markdown: /icons/currency-euro.md · SVG: https://gentleface.com/svg/{style}/16/currency-euro.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/currency-euro.png

currency-euro icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp