Circled Latin Capital Letter X

Shortcodes

Copy and paste codes for Circled Latin Capital Letter X symbol Ⓧ to use in your websites, apps, blogs, and more.

Unicode
U+24CD
HTML Code
Ⓧ
HEX Code
Ⓧ
CSS Code
\24CD
JS/JSON
\u24CD
Unix/C/PHP/JAVA
0x24CD
URL-encode
%E2%93%8D
copied

Customize Circled Latin Capital Letter X Symbol

Customize Ⓧ symbol as you like and download Circled Latin Capital Letter X 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 Circled Latin Capital Letter X symbol in HTML, CSS, and JS?

Insert Ⓧ Circled Latin Capital Letter X using HTML

1. Copy-paste Circled Latin Capital Letter X directly:
<span>Ⓧ</span>
2. HTML Decimal Code:
<span>&#9421;</span>
3. Hexadecimal Code:
<span>&#x24CD;</span>
Preview:

Add Circled Latin Capital Letter X symbol with CSS

.circled-latin-capital-letter-x::before {
    content: '\\24CD';
}
Preview: Circled Latin Capital Letter X

Circled Latin Capital Letter X JavaScript Code

1. Direct Symbol:
document.querySelector('.circled-latin-capital-letter-x').textContent = 'Ⓧ';
2. Unicode Escape for Ⓧ:
document.querySelector('.circled-latin-capital-letter-x').textContent = '\u24CD';
Preview: