HTML Entity for Degree Celsius (℃)
What You'll Learn
How to display the Degree Celsius symbol (℃) in HTML using hexadecimal, decimal, and CSS entity methods. This character is U+2103 (DEGREE CELSIUS) in the Letterlike Symbols block (U+2100–U+214F)—a single glyph that combines the degree sign with the letter C for the Celsius temperature scale.
There is no named HTML entity for U+2103. Use ℃, ℃, or \2103 in CSS content. As an alternative, °C renders °C (degree sign + C), which may differ slightly from the single-character ℃.
⚡ Quick Reference — Degree Celsius
U+2103Letterlike Symbols block
℃Hexadecimal reference
℃Decimal reference
—None (°C for °C)
Name Value
──────────── ──────────
Unicode U+2103
Hex code ℃
HTML code ℃
Named entity —
CSS code \2103
Alternative °C (°C)Complete HTML Example
This example demonstrates the Degree Celsius symbol (℃) using hexadecimal code, decimal HTML code, and a CSS content escape. There is no named HTML entity:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\2103";
}
</style>
</head>
<body>
<p>Degree Celsius using Hexadecimal: ℃</p>
<p>Degree Celsius using HTML Code: ℃</p>
<p id="point">Degree Celsius using CSS Entity: </p>
</body>
</html>🌐 Browser Support
U+2103 is supported in modern browsers; use a font with Letterlike Symbols coverage for consistent display:
👀 Live Preview
See the Degree Celsius symbol (℃) in temperature contexts:
🧠 How It Works
Hexadecimal Code
℃ uses the Unicode hexadecimal value 2103 to display the Degree Celsius symbol.
Decimal HTML Code
℃ uses the decimal Unicode value 8451 to display the same character.
CSS Entity
\2103 is used in CSS stylesheets, particularly in the content property of ::before or ::after.
Same visual result
All three methods produce: ℃. Unicode U+2103 is in Letterlike Symbols. Alternative: °C for °C.
Use Cases
The Degree Celsius symbol (℃) is commonly used in:
Temperature displays, weather apps, and forecasts in Celsius (e.g. 28 ℃).
Lab reports, physics and chemistry content using the Celsius scale.
Oven temperatures, recipes, and food blogs (e.g. 180 ℃).
Body temperature, medical dashboards, and health apps (e.g. 36.6 ℃).
IoT sensor data, environmental monitoring, and temperature widgets.
Unicode tables and HTML entity guides for temperature units.
💡 Best Practices
Do
- Use
℃or℃for the single ℃ character - Use
°Cwhen ℃ is unavailable in a font - Choose fonts with Letterlike Symbols coverage
- Use
\2103only inside CSScontent - Keep hex or decimal style consistent across the document
Don’t
- Assume a named entity exists for U+2103—it does not
- Confuse ℃ with °C unless typography allows either
- Rely on fonts that omit Letterlike Symbols (glyph may show as a box)
- Put CSS escape
\2103in HTML text nodes - Mix hex and decimal styles randomly in one file
Key Takeaways
No named entity—use numeric references
℃ ℃For CSS stylesheets, use the escape in the content property
\2103Unicode U+2103 DEGREE CELSIUS
Alternative: °C renders °C (two-part notation)
Three methods, one glyph — widely supported in modern browsers
❓ Frequently Asked Questions
℃ (hex), ℃ (decimal), or \2103 in CSS content. There is no named HTML entity. Alternatively use °C for °C.U+2103 (DEGREE CELSIUS). Letterlike Symbols block. Hex 2103, decimal 8451. Combines degree sign with C for Celsius.℃ or ℃, or °C for °C.℃ or ℃) go in markup. The CSS escape \2103 is used in stylesheets, typically in the content property of pseudo-elements. Both render ℃.Explore More HTML Entities!
Discover 1500+ HTML character references — temperature units, math operators, arrows, and more.
About the author
8 people found this page helpful