HTML Entity for Degree Celsius (℃)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+2103

What Is Degree Celsius?

Degree Celsius (℃) is the Unicode character at U+2103 in the Letterlike Symbols block. Official name: DEGREE CELSIUS. It is a single symbol for Celsius temperature — not the same as degree sign + letter C.

Remember
Character     ℃
Unicode       U+2103
Hex entity    ℃
Decimal       ℃
CSS escape    \2103
Named entity  (none for U+2103)
Alternative   °C  (°C)

Prefer typing ℃ or using ℃ / ℃ for the single symbol. For everyday copy, °C is a common, compatible alternative.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Direct character℃HTML text (UTF-8)
Hex entity℃HTML markup
Decimal entity℃HTML markup
CSS escape\2103Stylesheet content
Composed alternative°CDegree sign + C (two characters)

When to Use Which

SituationUse
Single Celsius letterlike symbol℃ or type ℃
Everyday weather / UI copy°C (often preferred)
Fahrenheit temperature℉ U+2109
Degree sign alone° / °
Generated text via ::before / ::aftercontent: "\2103"

Live Preview

Degree Celsius rendered in common temperature contexts.

Weather Today: 28℃
Large glyph ℃
Compared ℃   °C   ℉
Science Boiling point of water: 100℃
With entities Hex: ℃ | Decimal: ℃ | Alt: °C

Complete HTML Example

One page that shows Degree Celsius with hex, decimal, CSS escape, typed character, and the °C alternative. Use View Output or open the live editor.

Hex + Decimal + CSS + Typed + Alternative

Ways to show Celsius in a single document.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Degree Celsius (℃) in HTML</title>
  <style>
    #point::after {
      content: "\2103";
    }
  </style>
</head>
<body>
  <p>Celsius using Hex Code: &#x2103;</p>
  <p>Celsius using HTML Code: &#8451;</p>
  <p id="point">Celsius using CSS Entity: </p>
  <p>Typed directly: ℃</p>
  <p>Alternative: 25 &deg;C</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+2103 → &#x2103; in HTML → ℃.

2. Decimal: same code point as 8451 → &#8451;. Same result as hex.

3. CSS: use \2103 in content (not an HTML entity). #point::after appends that ℃ after the paragraph text.

4. Typed: in a UTF-8 page you can paste ℃ directly.

5. Alternative: &deg;C is degree sign (U+00B0) plus the letter C — two characters, often better for fonts and accessibility.

Pitfalls & Tips

Common mistakes when working with Degree Celsius.

Named?

No &celsius;

HTML5 has no named entity for U+2103. Use numeric forms, or &deg;C as an alternative.

°C

Symbol vs composition

℃ is one character. &deg;C is two. Prefer &deg;C when font or a11y support for U+2103 is uncertain.

℉

Not Fahrenheit

℉ is degree Fahrenheit (U+2109). Do not mix the two symbols.

CSS vs HTML

Do not mix escapes

\2103 belongs in CSS strings. &#x2103; / &#8451; belong in HTML.

Fonts

Letterlike coverage

Some fonts omit U+2103 and show a box. Fall back to &deg;C if needed.

Semicolon

End references

Always finish with ; — write &#8451;, not &#8451.

Browser Support

Degree Celsius (U+2103) and its numeric entity forms (&#x2103;, &#8451;, CSS \\2103) are supported in all mainstream browsers. Visible glyphs depend on Letterlike Symbols font coverage.

✓ Universal support

Degree Celsius (&#x2103;)

Encode with hex, decimal, CSS escape, or type the character — same code point everywhere encoding is supported.

100% Browser coverage
Google Chrome Supported
Yes
Microsoft Edge Supported
Yes
Mozilla Firefox Supported
Yes
Apple Safari Supported
Yes
Opera Supported
Yes
Internet Explorer All versions
Yes
U+2103 / entities Full support

Bottom line: Use &#x2103; or &#8451; for the single Celsius symbol, and \\2103 only inside CSS content. Prefer &deg;C when you need maximum font and accessibility compatibility.

Key Takeaways

  • Unicode: degree Celsius is U+2103 (decimal 8451) — glyph ℃.
  • HTML: type ℃, or use &#x2103; / &#8451; (no named entity).
  • CSS: use \2103 inside content for generated text.
  • Alternative: &deg;C is often safer for fonts and screen readers than U+2103.

One line: U+2103 → &#x2103; / &#8451; / CSS \2103 / type ℃ (or &deg;C).

Frequently Asked Questions

Use &#x2103; (hex), &#8451; (decimal), type ℃ directly in UTF-8, or the CSS escape \2103 in content. There is no named HTML entity for U+2103. Alternatively use &deg;C (two characters).
U+2103 (DEGREE CELSIUS). Hex 2103, decimal 8451. It belongs to the Letterlike Symbols block (U+2100–U+214F).
No. Use numeric references like &#8451; or &#x2103;, or type ℃. For a composed form, use &deg;C (degree sign U+00B0 + C).
Use U+2103 when you need the single letterlike Celsius symbol. Prefer &deg;C for everyday weather and UI copy — it is often more compatible and clearer for assistive tech.
HTML entities (&#8451; or &#x2103;) go in markup. The CSS escape \2103 goes in stylesheet strings (usually content on ::before/::after).
℃ (U+2103) is degree Celsius. ℉ (U+2109) is degree Fahrenheit. They are different Letterlike Symbols.

Did you know?

Degree Celsius is Unicode U+2103 (decimal 8451) — glyph ℃ in the Letterlike Symbols block. HTML5 has no named entity for it. Many sites prefer &deg;C (degree sign + letter C) for wider font support and clearer screen-reader spelling.

Next: Degree Fahrenheit

Learn the HTML entity for degree Fahrenheit (U+2109).

Degree Fahrenheit tutorial →

About the author

Mari Selvan M P
Mari Selvan M P 🔗

Developer, cloud engineer, and technical writer

  • Experience 12 years building web and cloud systems
  • Focus Full Stack Development, AWS, and Developer Education

I write practical tutorials so students and working developers can learn by doing—from databases and APIs to deployment on AWS.

8 people found this page helpful