Euro Sign

Shortcodes

Copy and paste codes for Euro Sign symbol € to use in your websites, apps, blogs, and more.

Unicode
U+20AC
HTML Code
€
HTML Entity
€
HEX Code
€
CSS Code
\20AC
JS/JSON
\u20AC
Unix/C/PHP/JAVA
0x20AC
URL-encode
%E2%82%AC
copied

Customize Euro Sign Symbol

Customize € symbol as you like and download Euro Sign as SVG or PNG or copy its HTML code to use in your projects.

Preview helps customize symbol. Downloaded image and HTML code may have size/spacing differences.

                        
                    

How to add Euro Sign symbol in HTML, CSS, and JS?

Insert € Euro Sign using HTML

1. Copy-paste Euro Sign directly:
<span>€</span>
2. HTML Decimal Code:
<span>&#8364;</span>
3. HTML Entity:
<span>&euro;</span>
4. Hexadecimal Code:
<span>&#x20AC;</span>
Preview:

Add Euro Sign symbol with CSS

.euro-sign::before {
    content: '\\20AC';
}
Preview: Euro Sign

Euro Sign JavaScript Code

1. Direct Symbol:
document.querySelector('.euro-sign').textContent = '€';
2. Unicode Escape for €:
document.querySelector('.euro-sign').textContent = '\u20AC';
Preview: