First Quarter Moon
☽
Shortcodes
Copy and paste codes for First Quarter Moon symbol ☽ to use in your websites, apps, blogs, and more.
Unicode
U+263D
HTML Code
☽
HEX Code
☽
CSS Code
\263D
JS/JSON
\u263D
Unix/C/PHP/JAVA
0x263D
URL-encode
%E2%98%BD
copied
Customize First Quarter Moon Symbol
Customize ☽ symbol as you like and download First Quarter Moon 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 using HTML
1. Copy-paste First Quarter Moon directly:
<span>☽</span>2. HTML Decimal Code:
<span>☽</span>3. Hexadecimal Code:
<span>☽</span>Preview:
☽
Add First Quarter Moon symbol with CSS
.first-quarter-moon::before {
content: '\\263D';
}Preview: First Quarter Moon
First Quarter Moon JavaScript Code
1. Direct Symbol:
document.querySelector('.first-quarter-moon').textContent = '☽';2. Unicode Escape for ☽:
document.querySelector('.first-quarter-moon').textContent = '\u263D';Preview: ☽
Related Moon Symbols
View all Moon Symbols☾
Last Quarter Moon
☾
Last Quarter Moon
🌕
Full Moon Symbol
🌑
New 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