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