Umbrella With Rain Drops

Shortcodes

Copy and paste codes for Umbrella With Rain Drops symbol ☔ to use in your websites, apps, blogs, and more.

Unicode
U+2614
HTML Code
☔
HEX Code
☔
CSS Code
\2614
JS/JSON
\u2614
Unix/C/PHP/JAVA
0x2614
URL-encode
%E2%98%94
copied

Customize Umbrella With Rain Drops Symbol

Customize ☔ symbol as you like and download Umbrella With Rain Drops 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 With Rain Drops symbol in HTML, CSS, and JS?

Insert ☔ Umbrella With Rain Drops using HTML

1. Copy-paste Umbrella With Rain Drops directly:
<span>☔</span>
2. HTML Decimal Code:
<span>&#9748;</span>
3. Hexadecimal Code:
<span>&#x2614;</span>
Preview:

Add Umbrella With Rain Drops symbol with CSS

.umbrella-with-rain-drops::before {
    content: '\\2614';
}
Preview: Umbrella With Rain Drops

Umbrella With Rain Drops JavaScript Code

1. Direct Symbol:
document.querySelector('.umbrella-with-rain-drops').textContent = '☔';
2. Unicode Escape for ☔:
document.querySelector('.umbrella-with-rain-drops').textContent = '\u2614';
Preview: