Umbrella
☂
Shortcodes
Copy and paste codes for Umbrella symbol ☂ to use in your websites, apps, blogs, and more.
Unicode
U+2602
HTML Code
☂
HEX Code
☂
CSS Code
\2602
JS/JSON
\u2602
Unix/C/PHP/JAVA
0x2602
URL-encode
%E2%98%82
copied
Customize Umbrella Symbol
Customize ☂ symbol as you like and download Umbrella 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 Umbrella symbol in HTML, CSS, and JS?
Insert ☂ Umbrella using HTML
1. Copy-paste Umbrella directly:
<span>☂</span>2. HTML Decimal Code:
<span>☂</span>3. Hexadecimal Code:
<span>☂</span>Preview:
☂
Add Umbrella symbol with CSS
.umbrella::before {
content: '\\2602';
}Preview: Umbrella
Umbrella JavaScript Code
1. Direct Symbol:
document.querySelector('.umbrella').textContent = '☂';2. Unicode Escape for ☂:
document.querySelector('.umbrella').textContent = '\u2602';Preview: ☂