Ratio

Shortcodes

Copy and paste codes for Ratio symbol ∶ to use in your websites, apps, blogs, and more.

Unicode
U+2236
HTML Code
∶
HEX Code
∶
CSS Code
\2236
JS/JSON
\u2236
Unix/C/PHP/JAVA
0x2236
URL-encode
%E2%88%B6
copied

Customize Ratio Symbol

Customize ∶ symbol as you like and download Ratio 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 Ratio symbol in HTML, CSS, and JS?

Insert ∶ Ratio using HTML

1. Copy-paste Ratio directly:
<span>∶</span>
2. HTML Decimal Code:
<span>&#8758;</span>
3. Hexadecimal Code:
<span>&#x2236;</span>
Preview:

Add Ratio symbol with CSS

.ratio::before {
    content: '\\2236';
}
Preview: Ratio

Ratio JavaScript Code

1. Direct Symbol:
document.querySelector('.ratio').textContent = '∶';
2. Unicode Escape for ∶:
document.querySelector('.ratio').textContent = '\u2236';
Preview: