HTML Entity for Black Sun Rays (☀)

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+2600

HTML Entity for black sun rays (☀) tutorial illustration

Definition

What Is Black Sun Rays?

Black sun rays (☀) is Unicode U+2600 in the Miscellaneous Symbols block (official name BLACK SUN WITH RAYS). It is a classic sun glyph — useful for weather icons and sunny themes. HTML has no standard named entity — use numeric or CSS forms (or type the character in UTF-8).

Remember

Character     ☀
Unicode       U+2600
Hex entity    &#x2600;
Decimal       &#9728;
Named entity  (none)
CSS escape    \2600
Not the same  ☼ U+263C (white sun rays)

All of these produce the same glyph: ☀. Prefer typing ☀ in UTF-8 when you can; use ☀ / ☀ or CSS for generated content.

Reference

Quick Reference

One table for every form you will actually use.

Form	Code	Where it goes
Direct character	`☀`	HTML text (UTF-8)
Named entity	None	—
Hex entity	`☀`	HTML markup
Decimal entity	`☀`	HTML markup
CSS escape	`\2600`	Stylesheet `content`

When to Use Which

Situation	Use
Classic black sun with rays	`☀` or type `☀`
White / alternate sun rays	☼ (U+263C)
Need an entity in HTML source	`☀` or `☀`
Icon via CSS	`content: "\2600"` on `::before`

See it

Live Preview

Black sun rays in study contexts.

Inline cue ☀ Sunny

Large glyph ☀

vs. white sun rays ☀ black · ☼ white

Accessible label Clear skies

With entities Hex: ☀ | Decimal: ☀

Code

Complete HTML Example

One page that shows ☀ with hex, decimal, CSS escape, and a typed character. Use View Output or open the live editor.

Hex + Decimal + CSS + Typed

Four ways to produce ☀ in a single document (no named entity).

html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Black Sun Rays (☀) in HTML</title>
  <style>
    #point::after {
      content: "\2600";
    }
  </style>
</head>
<body>
  <p>Black sun rays using Hex Code: &#x2600;</p>
  <p>Black sun rays using HTML Code: &#9728;</p>
  <p id="point">Black sun rays using CSS Entity: </p>
  <p>Typed directly: ☀</p>
</body>
</html>

Try It Yourself

How It Works

1. Hex: U+2600 → ☀ in HTML. The browser turns it into ☀.

2. Decimal: same code point as 9728 → ☀. Same result as hex.

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

4. Typed ☀: fine in UTF-8 source. All four lines show the same glyph.

Pitfalls & Tips

Common mistakes when working with black sun rays (☀).

Named

No &name; form

U+2600 has no standard named entity — use ☀ or ☀.

☼

Not white sun rays

For the alternate form use ☼ (U+263C).

Emoji

Presentation can vary

Some platforms draw U+2600 as a colorful emoji. Expect text vs emoji style differences across OS and fonts.

a11y

Say “sunny”

Screen readers may not announce “sun.” Pair the glyph with visible or visually hidden text such as Sunny.

CSS vs HTML

Do not mix escapes

\2600 belongs in CSS. ☀ / ☀ belong in HTML.

Semicolon

End references

Always finish with ; — write ☀, not &#x2600.

Compatibility

Browser Support

Black sun rays (U+2600) and its entity forms (☀, ☀, CSS \\2600) are supported in all mainstream browsers. Glyph quality depends on font support for Miscellaneous Symbols (and emoji fonts where applicable).

✓ Universal support

Black Sun Rays (☀)

Type ☀, or encode with hex, decimal, or CSS escape — 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+2600 / entities Full support

Bottom line: Prefer a typed ☀ or ☀ for markers. Use decimal when generating markup, and \\2600 only inside CSS content.

Remember

Key Takeaways

Unicode: black sun rays is U+2600 (decimal 9728).
HTML: use ☀ or ☀ (no named entity).
CSS: use \2600 inside content for generated icons.
Watch out: ☀ ≠ ☼ (black ≠ white sun rays).

One line: U+2600 → ☀ / ☀ / CSS \2600.

Frequently Asked Questions

How do I display black sun rays (☀) in HTML?

Use ☀ (hex), ☀ (decimal), or the CSS escape \2600 in the content property. All render ☀. You can also paste ☀ directly if your file is UTF-8. There is no standard named entity.

What is the Unicode value for black sun rays?

U+2600 (hex 2600, decimal 9728). Unicode names it BLACK SUN WITH RAYS. It belongs to the Miscellaneous Symbols block.

Is there a named HTML entity for ☀ (U+2600)?

No. HTML5 / WHATWG does not define a named character reference for U+2600. Prefer ☀, ☀, or a typed ☀ in UTF-8.

How is ☀ different from ☼?

☀ (U+2600) is black sun with rays. ☼ (U+263C) is white sun with rays. They are different code points.

What is the difference between HTML code and CSS entity for ☀?

HTML entities (☀ or ☀) go in markup. The CSS escape \2600 is used in stylesheets (usually in the content property of ::before/::after). Both render ☀.

When should I use black sun rays?

Use ☀ for weather icons, sunny themes, and clear-sky cues. Prefer clear text or ARIA labels when the meaning must be obvious to screen readers.

Did you know?

Black sun rays is Unicode U+2600 (decimal 9728) in the Miscellaneous Symbols block — official name BLACK SUN WITH RAYS. There is no standard named HTML entity. It is not white sun rays (U+263C ☼).

Next: Black Telephone

Learn the HTML entity for the black telephone (☎).

Next tutorial →

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

HTML Entity | Black Spade Suit HTML Entity | Black Telephone