# currency-euro icon

Currency euro. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/currency-euro

- Category: Money & finance
- Use it for: euro, eur
- Built from: variant of currency
- Tags: euro, eur, currency, money, price, cost, payment
- Family: currency
- Component name: CurrencyEuroIcon
- Added: 2026-10-15

## Also fits

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

## Files

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.

- line-round: https://gentleface.com/svg/line-round/16/currency-euro.svg · PNG https://gentleface.com/png/line-round/16/currency-euro.png · https://gentleface.com/png/line-round/32/currency-euro.png · https://gentleface.com/png/line-round/48/currency-euro.png
- line-soft: https://gentleface.com/svg/line-soft/16/currency-euro.svg · PNG https://gentleface.com/png/line-soft/16/currency-euro.png · https://gentleface.com/png/line-soft/32/currency-euro.png · https://gentleface.com/png/line-soft/48/currency-euro.png
- line-sharp: https://gentleface.com/svg/line-sharp/16/currency-euro.svg · PNG https://gentleface.com/png/line-sharp/16/currency-euro.png · https://gentleface.com/png/line-sharp/32/currency-euro.png · https://gentleface.com/png/line-sharp/48/currency-euro.png
- solid-round: https://gentleface.com/svg/solid-round/16/currency-euro.svg · PNG https://gentleface.com/png/solid-round/16/currency-euro.png · https://gentleface.com/png/solid-round/32/currency-euro.png · https://gentleface.com/png/solid-round/48/currency-euro.png
- solid-soft: https://gentleface.com/svg/solid-soft/16/currency-euro.svg · PNG https://gentleface.com/png/solid-soft/16/currency-euro.png · https://gentleface.com/png/solid-soft/32/currency-euro.png · https://gentleface.com/png/solid-soft/48/currency-euro.png
- solid-sharp: https://gentleface.com/svg/solid-sharp/16/currency-euro.svg · PNG https://gentleface.com/png/solid-sharp/16/currency-euro.png · https://gentleface.com/png/solid-sharp/32/currency-euro.png · https://gentleface.com/png/solid-sharp/48/currency-euro.png

The SVG of every style: https://gentleface.com/icons/currency-euro.json (`svg`).

## Code (line-round)

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. For another style, take its SVG from the JSON and swap the path `d`.

### SVG

```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

```tsx
// 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
<!-- Gentleface "currency-euro" (line-round), MIT. https://gentleface.com/icons/currency-euro -->
<template>
  <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>
</template>
```

### Svelte

```svelte
<!-- Gentleface "currency-euro" (line-round), MIT. https://gentleface.com/icons/currency-euro -->
<script>
  let props = $props();
</script>

<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>
```

### HTML img

```html
<!-- Gentleface "currency-euro" (line-round), MIT. https://gentleface.com/icons/currency-euro. An <img> can't take currentColor: it draws black. Inline the SVG or use the CSS mask to color it. -->
<img src="https://gentleface.com/svg/line-round/16/currency-euro.svg" width="16" height="16" alt="">
```

### CSS

```css
/* Gentleface "currency-euro" (line-round), MIT. https://gentleface.com/icons/currency-euro. Takes the text color. */
.icon-currency-euro {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath 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'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath 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'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
}
```

### Data URL

```text
data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath 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'/%3E%3C/svg%3E
```

### Sprite

```html
<!-- Gentleface "currency-euro" (line-round), MIT. https://gentleface.com/icons/currency-euro
     Every icon of this style in one file: https://gentleface.com/sprite/line-round.svg
     Serve it from your own origin: <use> does not load from another origin. -->
<svg width="16" height="16" aria-hidden="true"><use href="/sprite/line-round.svg#currency-euro"/></svg>
```

### SwiftUI

```swift
// Gentleface "currency-euro" (line-round), MIT. https://gentleface.com/icons/currency-euro
import SwiftUI

struct CurrencyEuroIcon: Shape {
    func path(in rect: CGRect) -> Path {
        var p = Path()
        p.move(to: CGPoint(x: 8.856, y: 6.144))
        p.addCurve(to: CGPoint(x: 9, y: 6.5), control1: CGPoint(x: 8.952, y: 6.241), control2: CGPoint(x: 9, y: 6.359))
        p.addCurve(to: CGPoint(x: 8.856, y: 6.856), control1: CGPoint(x: 9, y: 6.641), control2: CGPoint(x: 8.952, y: 6.759))
        p.addCurve(to: CGPoint(x: 8.5, y: 7), control1: CGPoint(x: 8.759, y: 6.952), control2: CGPoint(x: 8.641, y: 7))
        p.addLine(to: CGPoint(x: 5, y: 7))
        p.addLine(to: CGPoint(x: 5, y: 8))
        p.addLine(to: CGPoint(x: 8.5, y: 8))
        p.addCurve(to: CGPoint(x: 8.856, y: 8.144), control1: CGPoint(x: 8.641, y: 8), control2: CGPoint(x: 8.759, y: 8.048))
        p.addCurve(to: CGPoint(x: 9, y: 8.5), control1: CGPoint(x: 8.952, y: 8.241), control2: CGPoint(x: 9, y: 8.359))
        p.addCurve(to: CGPoint(x: 8.856, y: 8.856), control1: CGPoint(x: 9, y: 8.641), control2: CGPoint(x: 8.952, y: 8.759))
        p.addCurve(to: CGPoint(x: 8.5, y: 9), control1: CGPoint(x: 8.759, y: 8.952), control2: CGPoint(x: 8.641, y: 9))
        p.addLine(to: CGPoint(x: 5.034, y: 9))
        p.addCurve(to: CGPoint(x: 5.59, y: 10.444), control1: CGPoint(x: 5.106, y: 9.516), control2: CGPoint(x: 5.291, y: 9.997))
        p.addCurve(to: CGPoint(x: 7.161, y: 11.734), control1: CGPoint(x: 5.983, y: 11.033), control2: CGPoint(x: 6.507, y: 11.463))
        p.addCurve(to: CGPoint(x: 9.183, y: 11.933), control1: CGPoint(x: 7.815, y: 12.004), control2: CGPoint(x: 8.489, y: 12.071))
        p.addCurve(to: CGPoint(x: 10.975, y: 10.975), control1: CGPoint(x: 9.877, y: 11.795), control2: CGPoint(x: 10.474, y: 11.475))
        p.addCurve(to: CGPoint(x: 11.328, y: 10.825), control1: CGPoint(x: 11.075, y: 10.875), control2: CGPoint(x: 11.192, y: 10.825))
        p.addCurve(to: CGPoint(x: 11.682, y: 10.975), control1: CGPoint(x: 11.464, y: 10.825), control2: CGPoint(x: 11.582, y: 10.875))
        p.addCurve(to: CGPoint(x: 11.831, y: 11.328), control1: CGPoint(x: 11.782, y: 11.075), control2: CGPoint(x: 11.831, y: 11.192))
        p.addCurve(to: CGPoint(x: 11.682, y: 11.682), control1: CGPoint(x: 11.831, y: 11.464), control2: CGPoint(x: 11.782, y: 11.582))
        p.addCurve(to: CGPoint(x: 10.647, y: 12.455), control1: CGPoint(x: 11.374, y: 11.99), control2: CGPoint(x: 11.029, y: 12.247))
        p.addCurve(to: CGPoint(x: 9.378, y: 12.914), control1: CGPoint(x: 10.247, y: 12.672), control2: CGPoint(x: 9.824, y: 12.825))
        p.addCurve(to: CGPoint(x: 8.03, y: 12.975), control1: CGPoint(x: 8.932, y: 13.002), control2: CGPoint(x: 8.482, y: 13.023))
        p.addCurve(to: CGPoint(x: 6.778, y: 12.657), control1: CGPoint(x: 7.597, y: 12.93), control2: CGPoint(x: 7.18, y: 12.824))
        p.addCurve(to: CGPoint(x: 5.668, y: 11.997), control1: CGPoint(x: 6.376, y: 12.491), control2: CGPoint(x: 6.006, y: 12.271))
        p.addCurve(to: CGPoint(x: 4.758, y: 11), control1: CGPoint(x: 5.314, y: 11.711), control2: CGPoint(x: 5.011, y: 11.378))
        p.addCurve(to: CGPoint(x: 4.185, y: 9.778), control1: CGPoint(x: 4.506, y: 10.622), control2: CGPoint(x: 4.315, y: 10.214))
        p.addCurve(to: CGPoint(x: 4.028, y: 9), control1: CGPoint(x: 4.109, y: 9.522), control2: CGPoint(x: 4.057, y: 9.263))
        p.addLine(to: CGPoint(x: 2.5, y: 9))
        p.addCurve(to: CGPoint(x: 2.144, y: 8.856), control1: CGPoint(x: 2.359, y: 9), control2: CGPoint(x: 2.241, y: 8.952))
        p.addCurve(to: CGPoint(x: 2, y: 8.5), control1: CGPoint(x: 2.048, y: 8.759), control2: CGPoint(x: 2, y: 8.641))
        p.addCurve(to: CGPoint(x: 2.144, y: 8.144), control1: CGPoint(x: 2, y: 8.359), control2: CGPoint(x: 2.048, y: 8.241))
        p.addCurve(to: CGPoint(x: 2.5, y: 8), control1: CGPoint(x: 2.241, y: 8.048), control2: CGPoint(x: 2.359, y: 8))
        p.addLine(to: CGPoint(x: 4, y: 8))
        p.addLine(to: CGPoint(x: 4, y: 7))
        p.addLine(to: CGPoint(x: 2.5, y: 7))
        p.addCurve(to: CGPoint(x: 2.144, y: 6.856), control1: CGPoint(x: 2.359, y: 7), control2: CGPoint(x: 2.241, y: 6.952))
        p.addCurve(to: CGPoint(x: 2, y: 6.5), control1: CGPoint(x: 2.048, y: 6.759), control2: CGPoint(x: 2, y: 6.641))
        p.addCurve(to: CGPoint(x: 2.144, y: 6.144), control1: CGPoint(x: 2, y: 6.359), control2: CGPoint(x: 2.048, y: 6.241))
        p.addCurve(to: CGPoint(x: 2.5, y: 6), control1: CGPoint(x: 2.241, y: 6.048), control2: CGPoint(x: 2.359, y: 6))
        p.addLine(to: CGPoint(x: 4.028, y: 6))
        p.addCurve(to: CGPoint(x: 4.185, y: 5.222), control1: CGPoint(x: 4.057, y: 5.737), control2: CGPoint(x: 4.109, y: 5.478))
        p.addCurve(to: CGPoint(x: 4.758, y: 4), control1: CGPoint(x: 4.315, y: 4.786), control2: CGPoint(x: 4.506, y: 4.378))
        p.addCurve(to: CGPoint(x: 5.668, y: 3.003), control1: CGPoint(x: 5.011, y: 3.622), control2: CGPoint(x: 5.314, y: 3.289))
        p.addCurve(to: CGPoint(x: 6.778, y: 2.343), control1: CGPoint(x: 6.006, y: 2.729), control2: CGPoint(x: 6.376, y: 2.509))
        p.addCurve(to: CGPoint(x: 8.03, y: 2.025), control1: CGPoint(x: 7.18, y: 2.176), control2: CGPoint(x: 7.597, y: 2.07))
        p.addCurve(to: CGPoint(x: 9.378, y: 2.086), control1: CGPoint(x: 8.482, y: 1.977), control2: CGPoint(x: 8.932, y: 1.998))
        p.addCurve(to: CGPoint(x: 10.647, y: 2.545), control1: CGPoint(x: 9.824, y: 2.175), control2: CGPoint(x: 10.247, y: 2.328))
        p.addCurve(to: CGPoint(x: 11.682, y: 3.318), control1: CGPoint(x: 11.029, y: 2.753), control2: CGPoint(x: 11.374, y: 3.01))
        p.addCurve(to: CGPoint(x: 11.831, y: 3.672), control1: CGPoint(x: 11.782, y: 3.418), control2: CGPoint(x: 11.831, y: 3.536))
        p.addCurve(to: CGPoint(x: 11.682, y: 4.025), control1: CGPoint(x: 11.831, y: 3.808), control2: CGPoint(x: 11.782, y: 3.925))
        p.addCurve(to: CGPoint(x: 11.328, y: 4.175), control1: CGPoint(x: 11.582, y: 4.125), control2: CGPoint(x: 11.464, y: 4.175))
        p.addCurve(to: CGPoint(x: 10.975, y: 4.025), control1: CGPoint(x: 11.192, y: 4.175), control2: CGPoint(x: 11.075, y: 4.125))
        p.addCurve(to: CGPoint(x: 9.183, y: 3.067), control1: CGPoint(x: 10.474, y: 3.525), control2: CGPoint(x: 9.877, y: 3.205))
        p.addCurve(to: CGPoint(x: 7.161, y: 3.266), control1: CGPoint(x: 8.489, y: 2.929), control2: CGPoint(x: 7.815, y: 2.996))
        p.addCurve(to: CGPoint(x: 5.59, y: 4.555), control1: CGPoint(x: 6.507, y: 3.537), control2: CGPoint(x: 5.983, y: 3.967))
        p.addCurve(to: CGPoint(x: 5.034, y: 6), control1: CGPoint(x: 5.291, y: 5.003), control2: CGPoint(x: 5.106, y: 5.484))
        p.addLine(to: CGPoint(x: 8.5, y: 6))
        p.addCurve(to: CGPoint(x: 8.856, y: 6.144), control1: CGPoint(x: 8.641, y: 6), control2: CGPoint(x: 8.759, y: 6.048))
        p.closeSubpath()
        return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16))
    }
}

// CurrencyEuroIcon().frame(width: 16, height: 16) fills with the foreground style. Keep it on whole points to stay crisp.
```

### Compose

```kotlin
// Gentleface "currency-euro" (line-round), MIT. https://gentleface.com/icons/currency-euro
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.graphics.SolidColor
import androidx.compose.ui.graphics.vector.ImageVector
import androidx.compose.ui.graphics.vector.addPathNodes
import androidx.compose.ui.unit.dp

val CurrencyEuroIcon: ImageVector by lazy {
    ImageVector.Builder(
        name = "currency-euro", defaultWidth = 16.dp, defaultHeight = 16.dp,
        viewportWidth = 16f, viewportHeight = 16f,
    ).addPath(
        pathData = addPathNodes("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"),
        fill = SolidColor(Color.Black),
    ).build()
}

// Icon(CurrencyEuroIcon, contentDescription = null) tints it with LocalContentColor.
```

### Android XML

```xml
<!-- res/drawable/ic_currency_euro.xml · Gentleface "currency-euro" (line-round), MIT. https://gentleface.com/icons/currency-euro -->
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="16dp"
    android:height="16dp"
    android:viewportWidth="16"
    android:viewportHeight="16"
    android:tint="?attr/colorControlNormal">
  <path
      android:fillColor="@android:color/white"
      android:pathData="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"/>
</vector>
```

### Flutter

```dart
// Gentleface "currency-euro" (line-round), MIT. https://gentleface.com/icons/currency-euro
import 'package:flutter/widgets.dart';

class CurrencyEuroIcon extends StatelessWidget {
  const CurrencyEuroIcon({super.key, this.size = 16, this.color});
  final double size;
  final Color? color;

  @override
  Widget build(BuildContext context) => CustomPaint(
        size: Size.square(size),
        painter: _CurrencyEuroIconPainter(color ?? IconTheme.of(context).color ?? const Color(0xFF000000)),
      );
}

class _CurrencyEuroIconPainter extends CustomPainter {
  _CurrencyEuroIconPainter(this.color);
  final Color color;

  @override
  void paint(Canvas canvas, Size size) {
    canvas.scale(size.width / 16, size.height / 16);
    final p = Path()
      ..moveTo(8.856, 6.144)
      ..cubicTo(8.952, 6.241, 9, 6.359, 9, 6.5)
      ..cubicTo(9, 6.641, 8.952, 6.759, 8.856, 6.856)
      ..cubicTo(8.759, 6.952, 8.641, 7, 8.5, 7)
      ..lineTo(5, 7)
      ..lineTo(5, 8)
      ..lineTo(8.5, 8)
      ..cubicTo(8.641, 8, 8.759, 8.048, 8.856, 8.144)
      ..cubicTo(8.952, 8.241, 9, 8.359, 9, 8.5)
      ..cubicTo(9, 8.641, 8.952, 8.759, 8.856, 8.856)
      ..cubicTo(8.759, 8.952, 8.641, 9, 8.5, 9)
      ..lineTo(5.034, 9)
      ..cubicTo(5.106, 9.516, 5.291, 9.997, 5.59, 10.444)
      ..cubicTo(5.983, 11.033, 6.507, 11.463, 7.161, 11.734)
      ..cubicTo(7.815, 12.004, 8.489, 12.071, 9.183, 11.933)
      ..cubicTo(9.877, 11.795, 10.474, 11.475, 10.975, 10.975)
      ..cubicTo(11.075, 10.875, 11.192, 10.825, 11.328, 10.825)
      ..cubicTo(11.464, 10.825, 11.582, 10.875, 11.682, 10.975)
      ..cubicTo(11.782, 11.075, 11.831, 11.192, 11.831, 11.328)
      ..cubicTo(11.831, 11.464, 11.782, 11.582, 11.682, 11.682)
      ..cubicTo(11.374, 11.99, 11.029, 12.247, 10.647, 12.455)
      ..cubicTo(10.247, 12.672, 9.824, 12.825, 9.378, 12.914)
      ..cubicTo(8.932, 13.002, 8.482, 13.023, 8.03, 12.975)
      ..cubicTo(7.597, 12.93, 7.18, 12.824, 6.778, 12.657)
      ..cubicTo(6.376, 12.491, 6.006, 12.271, 5.668, 11.997)
      ..cubicTo(5.314, 11.711, 5.011, 11.378, 4.758, 11)
      ..cubicTo(4.506, 10.622, 4.315, 10.214, 4.185, 9.778)
      ..cubicTo(4.109, 9.522, 4.057, 9.263, 4.028, 9)
      ..lineTo(2.5, 9)
      ..cubicTo(2.359, 9, 2.241, 8.952, 2.144, 8.856)
      ..cubicTo(2.048, 8.759, 2, 8.641, 2, 8.5)
      ..cubicTo(2, 8.359, 2.048, 8.241, 2.144, 8.144)
      ..cubicTo(2.241, 8.048, 2.359, 8, 2.5, 8)
      ..lineTo(4, 8)
      ..lineTo(4, 7)
      ..lineTo(2.5, 7)
      ..cubicTo(2.359, 7, 2.241, 6.952, 2.144, 6.856)
      ..cubicTo(2.048, 6.759, 2, 6.641, 2, 6.5)
      ..cubicTo(2, 6.359, 2.048, 6.241, 2.144, 6.144)
      ..cubicTo(2.241, 6.048, 2.359, 6, 2.5, 6)
      ..lineTo(4.028, 6)
      ..cubicTo(4.057, 5.737, 4.109, 5.478, 4.185, 5.222)
      ..cubicTo(4.315, 4.786, 4.506, 4.378, 4.758, 4)
      ..cubicTo(5.011, 3.622, 5.314, 3.289, 5.668, 3.003)
      ..cubicTo(6.006, 2.729, 6.376, 2.509, 6.778, 2.343)
      ..cubicTo(7.18, 2.176, 7.597, 2.07, 8.03, 2.025)
      ..cubicTo(8.482, 1.977, 8.932, 1.998, 9.378, 2.086)
      ..cubicTo(9.824, 2.175, 10.247, 2.328, 10.647, 2.545)
      ..cubicTo(11.029, 2.753, 11.374, 3.01, 11.682, 3.318)
      ..cubicTo(11.782, 3.418, 11.831, 3.536, 11.831, 3.672)
      ..cubicTo(11.831, 3.808, 11.782, 3.925, 11.682, 4.025)
      ..cubicTo(11.582, 4.125, 11.464, 4.175, 11.328, 4.175)
      ..cubicTo(11.192, 4.175, 11.075, 4.125, 10.975, 4.025)
      ..cubicTo(10.474, 3.525, 9.877, 3.205, 9.183, 3.067)
      ..cubicTo(8.489, 2.929, 7.815, 2.996, 7.161, 3.266)
      ..cubicTo(6.507, 3.537, 5.983, 3.967, 5.59, 4.555)
      ..cubicTo(5.291, 5.003, 5.106, 5.484, 5.034, 6)
      ..lineTo(8.5, 6)
      ..cubicTo(8.641, 6, 8.759, 6.048, 8.856, 6.144)
      ..close();
    canvas.drawPath(p, Paint()..color = color);
  }

  @override
  bool shouldRepaint(_CurrencyEuroIconPainter old) => old.color != color;
}
```