First Quarter Moon Symbol

๐ŸŒ“

Shortcodes

Copy and paste codes for First Quarter Moon Symbol ๐ŸŒ“ to use in your websites, apps, blogs, and more.

Unicode
U+1F313
HTML Code
🌓
HEX Code
🌓
CSS Code
\1F313
JS/JSON
\u1F313
Unix/C/PHP/JAVA
0x1F313
URL-encode
%F0%9F%8C%93
copied

Customize First Quarter Moon Symbol Symbol

Customize ๐ŸŒ“ symbol as you like and download First Quarter 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 First Quarter Moon Symbol in HTML, CSS, and JS?

Insert ๐ŸŒ“ First Quarter Moon Symbol using HTML

1. Copy-paste First Quarter Moon Symbol directly:
<span>๐ŸŒ“</span>
2. HTML Decimal Code:
<span>&#127763;</span>
3. Hexadecimal Code:
<span>&#x1F313;</span>
Preview: ๐ŸŒ“

Add First Quarter Moon Symbol with CSS

.first-quarter-moon-symbol::before {
    content: '\\1F313';
}
Preview: First Quarter Moon Symbol

First Quarter Moon Symbol JavaScript Code

1. Direct Symbol:
document.querySelector('.first-quarter-moon-symbol').textContent = '๐ŸŒ“';
2. Unicode Escape for ๐ŸŒ“:
document.querySelector('.first-quarter-moon-symbol').textContent = '\u1F313';
Preview: ๐ŸŒ“