Degree Celsius

Shortcodes

Copy and paste codes for Degree Celsius symbol ℃ to use in your websites, apps, blogs, and more.

Unicode
U+2103
HTML Code
℃
HTML Entity
&degC;
HEX Code
℃
CSS Code
\2103
JS/JSON
\u2103
Unix/C/PHP/JAVA
0x2103
URL-encode
%E2%84%83
copied

Customize Degree Celsius Symbol

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

Insert ℃ Degree Celsius using HTML

1. Copy-paste Degree Celsius directly:
<span>℃</span>
2. HTML Decimal Code:
<span>&#8451;</span>
3. HTML Entity:
<span>&degC;</span>
4. Hexadecimal Code:
<span>&#x2103;</span>
Preview:

Add Degree Celsius symbol with CSS

.degree-celsius::before {
    content: '\\2103';
}
Preview: Degree Celsius

Degree Celsius JavaScript Code

1. Direct Symbol:
document.querySelector('.degree-celsius').textContent = '℃';
2. Unicode Escape for ℃:
document.querySelector('.degree-celsius').textContent = '\u2103';
Preview: