HTML Entity for Snowman (☃)

Q: How do I display Snowman (☃) in HTML?

Use ☃ (hex), ☃ (decimal), or \2603 in CSS content. There is no named HTML entity. All three methods render ☃.

Q: What is the Unicode value for Snowman?

U+2603 (SNOWMAN) in the Miscellaneous Symbols block (U+2600–U+26FF). Hex 2603, decimal 9731.

Q: Is there a named HTML entity for Snowman?

No. Use numeric references ☃ or ☃ in HTML, or CSS escape \2603 in stylesheets.

Q: When should I use Snowman in HTML?

In winter themes, holiday content, seasonal decorations, festive UI accents, and creative web design that needs a snowman symbol.

Q: What’s the difference between HTML code and CSS entity for Snowman?

HTML references (☃ or ☃) go in markup; the CSS escape \2603 goes in stylesheets (e.g. content on ::before/::after). Both render ☃.

Beginner

⏱️ 5 min read

📚 Updated: Jun 2026

🎯 1 Code Example

Unicode U+2603

HTML entity for Snowman (U+2603) tutorial illustration

What You'll Learn

How to display Snowman (☃) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+2603 (SNOWMAN) in the Miscellaneous Symbols block (U+2600–U+26FF). It is a decorative winter character for holiday and seasonal content.

Render it with ☃, ☃, or CSS \2603. There is no named HTML entity. Do not confuse ☃ with Snowflake U+2744 (❄), Snowman Without Snow U+26C4 (⛄), or snowman emoji sequences in the Emoji block.

⚡ Quick Reference — Snowman

Unicode U+2603

Miscellaneous Symbols (U+2600–U+26FF)

Hex Code ☃

Hexadecimal reference

HTML Code ☃

Decimal reference

Named Entity —

Use numeric codes only

Reference Table

Name           Value
────────────   ──────────
Unicode        U+2603
Hex code       &#x2603;
HTML code      &#9731;
Named entity   (none)
CSS code       \2603
Related        U+2744 = ❄ (snowflake)
               U+26C4 = ⛄ (snowman without snow)
Block          Miscellaneous Symbols (U+2600–U+26FF)

Complete HTML Example

A simple example showing ☃ using hexadecimal code, decimal HTML code, and a CSS content escape (no named entity):

html

<!DOCTYPE html>
<html>
<head>
 <style>
  #point::after{
   content: "\2603";
  }
 </style>
</head>
<body>
<p>Snowman using Hex: &#x2603; Winter</p>
<p>Snowman using HTML Code: &#9731; Holiday</p>
<p id="point">Snowman using CSS Entity: </p>
</body>
</html>

Try it Yourself

🌐 Browser Support

U+2603 is supported in modern browsers when fonts include Miscellaneous Symbols glyphs:

Chrome1+

Firefox1+

Safari3.1+

Edge12+

Opera4+

Android4.4+

iOS Safari3.2+

👀 Live Preview

See the snowman symbol in seasonal contexts:

Single symbol ☃

Winter theme ☃ Winter Sale

Holiday greeting ☃ Happy Holidays!

vs ❄ ☃ (snowman) ❄ (snowflake)

vs ⛄ ☃ (snowman) ⛄ (without snow)

Numeric refs ☃ ☃ \2603

🧠 How It Works

Hexadecimal Code

☃ references code point U+2603 using hex digits 2603.

HTML markup

Decimal HTML Code

☃ is the decimal equivalent (9731) for the same character.

HTML markup

CSS Entity

\2603 is the CSS escape for U+2603, used in the content property of pseudo-elements.

CSS stylesheet

Same visual result

All three methods produce ☃. Unicode U+2603 in Miscellaneous Symbols (U+2600–U+26FF). No named entity. Next: Soft Hyphen.

✅

Use Cases

Snowman (☃) commonly appears in:

☃ Winter themes

Seasonal landing pages, cold-weather branding, and winter sales.

🎄 Holiday content

Christmas pages, festive banners, and seasonal greetings.

🎨 Creative design

Decorative accents in artistic and themed layouts.

💬 Social posts

Winter announcements and holiday social media snippets.

🔤 Entity demos

Examples showing numeric references for U+2603.

📖 Symbol guides

Miscellaneous Symbols and HTML entity reference documentation.

💡 Best Practices

Do

Use ☃ or ☃ in HTML markup
Pair ☃ with clear seasonal text for accessibility
Keep hex or decimal style consistent across a document
Use CSS content: "\2603" for reusable winter UI accents
Distinguish ☃ from ❄ (snowflake) and ⛄ (snowman without snow)

Don’t

Write U+02603—the correct notation is U+2603
Use CSS \02603 with a leading zero unless required—prefer \2603
Substitute ❄ when a snowflake symbol is intended instead of ☃
Expect a named HTML entity for U+2603
Put CSS escape \2603 in HTML text nodes

Key Takeaways

Three ways to render U+2603 in HTML and CSS

☃ ☃

For CSS stylesheets, use \2603 in the content property

U+2603 SNOWMAN

No named entity—use numeric references or CSS escape

Previous: Snowflake (❄) Next: Soft Hyphen ()

❓ Frequently Asked Questions

How do I display Snowman (☃) in HTML?

Use ☃ (hex), ☃ (decimal), or \2603 in CSS content. There is no named HTML entity. All three render ☃.

What is the Unicode value for Snowman?

U+2603 (SNOWMAN). Miscellaneous Symbols (U+2600–U+26FF). Hex 2603, decimal 9731.

Is there a named HTML entity for ☃?

No. Use numeric references ☃ or ☃ in HTML, or CSS escape \2603 in stylesheets.

When should I use Snowman in HTML?

For winter themes, holiday content, festive decorations, seasonal UI accents, and creative web design that needs a snowman symbol.

What’s the difference between HTML code and CSS entity for ☃?

HTML code (☃ or ☃) is used directly in HTML content. CSS entity \2603 is used in stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.

Explore More HTML Entities!

Discover 1500+ HTML character references — seasonal symbols, miscellaneous symbols, and more.

All HTML Entities →

About the author

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.

AWS Certified Developer – Associate (Credly)

8 people found this page helpful

Snowflake (❄) Soft Hyphen ()