New Moon Symbol
๐
Shortcodes
Copy and paste codes for New Moon Symbol ๐ to use in your websites, apps, blogs, and more.
Unicode
U+1F311
HTML Code
🌑
HEX Code
🌑
CSS Code
\1F311
JS/JSON
\u1F311
Unix/C/PHP/JAVA
0x1F311
URL-encode
%F0%9F%8C%91
copied
Customize New Moon Symbol Symbol
Customize ๐ symbol as you like and download New Moon Symbol 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 New Moon Symbol in HTML, CSS, and JS?
Insert ๐ New Moon Symbol using HTML
1. Copy-paste New Moon Symbol directly:
<span>๐</span>
2. HTML Decimal Code:
<span>🌑</span>
3. Hexadecimal Code:
<span>🌑</span>
Preview:
๐
Add New Moon Symbol with CSS
.new-moon-symbol::before {
content: '\\1F311';
}
Preview: New Moon Symbol
New Moon Symbol JavaScript Code
1. Direct Symbol:
document.querySelector('.new-moon-symbol').textContent = '๐';
2. Unicode Escape for ๐:
document.querySelector('.new-moon-symbol').textContent = '\u1F311';
Preview: ๐
Related Moon Symbols
View all Moon Symbolsโพ
Last Quarter Moon
โพ
Last Quarter Moon
โฝ
First Quarter Moon
๐
Full Moon Symbol
๐
New Moon With Face
๐
Full Moon With Face
๐
Waxing Crescent Moon Symbol
๐
First Quarter Moon Symbol
๐
Last Quarter Moon Symbol
๐
Waxing Gibbous Moon Symbol
๐
First Quarter Moon With Face
๐
Last Quarter Moon With Face
๐
Waning Gibbous Moon Symbol
๐
Waning Crescent Moon Symbol
๐
Crescent Moon