Double-struck Capital Q

Shortcodes

Copy and paste codes for Double-struck Capital Q symbol ℚ to use in your websites, apps, blogs, and more.

Unicode
U+211A
HTML Code
ℚ
HTML Entity
ℚ
HEX Code
ℚ
CSS Code
\211A
JS/JSON
\u211A
Unix/C/PHP/JAVA
0x211A
URL-encode
%E2%84%9A
copied

Customize Double-struck Capital Q Symbol

Customize ℚ symbol as you like and download Double-struck Capital Q 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 Double-struck Capital Q symbol in HTML, CSS, and JS?

Insert ℚ Double-struck Capital Q using HTML

1. Copy-paste Double-struck Capital Q directly:
<span>ℚ</span>
2. HTML Decimal Code:
<span>&#8474;</span>
3. HTML Entity:
<span>&Qopf;</span>
4. Hexadecimal Code:
<span>&#x211A;</span>
Preview:

Add Double-struck Capital Q symbol with CSS

.double-struck-capital-q::before {
    content: '\\211A';
}
Preview: Double-struck Capital Q

Double-struck Capital Q JavaScript Code

1. Direct Symbol:
document.querySelector('.double-struck-capital-q').textContent = 'ℚ';
2. Unicode Escape for ℚ:
document.querySelector('.double-struck-capital-q').textContent = '\u211A';
Preview: