Eur icon

el:eur

The Eur icon (el:eur) is a free SVG icon from the Elusive Icons set by Team Redux. It is drawn on a 1200 × 1200 grid. Elusive Icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Elusive Icons
Author: Team Redux
License: OFL-1.1
Size: 1200 × 1200

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M754.722 199.33q-98.059 0-161.554 57.066q-63.496 56.264-81.982 163.965h323.912v141.46H499.129l-1.607 28.132v37.776l1.607 26.523h285.332v143.067H512.793q40.99 195.311 258.004 195.311q114.936 0 221.031-45.813v205.76Q898.593 1200.001 756.33 1200q-196.92 0-323.912-106.898q-126.993-106.9-159.946-295.78H162.357v-143.07H257.2q-3.216-18.484-3.215-49.831l1.607-42.6h-93.235v-141.46h106.899q29.738-194.505 159.946-307.031Q559.409.002 754.721 0q151.104.002 282.921 65.909l-78.768 186.47q-55.46-24.916-103.684-38.581q-48.225-14.466-100.468-14.468"/></svg>

How to use the Eur icon

React

import { Icon } from "@iconify/react";

<Icon icon="el:eur" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="el:eur" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="el:eur" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[el--eur]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/el -->
<div class="i-el:eur"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="el:eur"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/el/eur.svg" alt="Eur icon" width="24" height="24">

Eur icon in other icon sets

Eur icon FAQ

Is the Eur icon free for commercial use?

Yes. Elusive Icons are released under the Open Font License, which allows use in personal and commercial projects.

How do I use the Eur icon in React?

Install @iconify/react and render <Icon icon="el:eur" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Eur icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/el/eur.svg" alt="Eur icon">, or paste the SVG code inline to style it with CSS.

Browse all Elusive Icons →