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>&#127761;</span>
3. Hexadecimal Code:
<span>&#x1F311;</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: ๐ŸŒ‘