Shadowed White Star

Shortcodes

Copy and paste codes for Shadowed White Star symbol ✰ to use in your websites, apps, blogs, and more.

Unicode
U+2730
HTML Code
✰
HEX Code
✰
CSS Code
\2730
JS/JSON
\u2730
Unix/C/PHP/JAVA
0x2730
URL-encode
%E2%9C%B0
copied

Customize Shadowed White Star Symbol

Customize ✰ symbol as you like and download Shadowed White Star 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 Shadowed White Star symbol in HTML, CSS, and JS?

Insert ✰ Shadowed White Star using HTML

1. Copy-paste Shadowed White Star directly:
<span>✰</span>
2. HTML Decimal Code:
<span>&#10032;</span>
3. Hexadecimal Code:
<span>&#x2730;</span>
Preview:

Add Shadowed White Star symbol with CSS

.shadowed-white-star::before {
    content: '\\2730';
}
Preview: Shadowed White Star

Shadowed White Star JavaScript Code

1. Direct Symbol:
document.querySelector('.shadowed-white-star').textContent = '✰';
2. Unicode Escape for ✰:
document.querySelector('.shadowed-white-star').textContent = '\u2730';
Preview: