HTML Entity for Lightning (☇)

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+2607

HTML Entity for Lightning (U+2607) tutorial illustration

Definition

What Is the Lightning Entity?

Lightning (☇) is the Miscellaneous Symbols character at Unicode U+2607 (LIGHTNING). It is a weather / energy symbol used for alerts, storm icons, and thematic UI.

Remember

Character     ☇
Unicode       U+2607
Hex entity    &#x2607;
Decimal       &#9735;
Named entity  (none)
CSS escape    \2607
Not the same  ⚡ (U+26A1) · ☈ (U+2608) · ⛈ (U+26C8)

Hex, decimal, CSS, and a typed character all produce the same glyph: ☇. Prefer ☇ when you want an explicit entity. There is no named HTML form.

Reference

Quick Reference

One table for every form you will actually use.

Form	Code	Where it goes
Hex entity	`☇`	HTML markup (best entity default)
Decimal entity	`☇`	HTML markup
Named entity	None	HTML5 does not define one
CSS escape	`\2607`	Stylesheet `content`
Direct character	`☇`	UTF-8 HTML text

When to Use Which

Situation	Use
Readable numeric entity in HTML	`☇`
Decimal entity required	`☇`
Generated text via `::before` / `::after`	`content: "\2607"`
Common “bolt” icon (⚡)	Use U+26A1 (`⚡`) — different character
Related weather / sky symbols	See Sun or Jupiter

See it

Live Preview

Lightning in common weather and alert contexts.

Alert Storm warning ☇

Large glyph ☇

Hex entity ☇ → ☇

vs ⚡ / ☈ ☇ | ⚡ | ☈

With entities Hex: ☇ | Decimal: ☇

Code

Complete HTML Example

One page that shows this symbol with hex, decimal, and CSS. Use View Output or open the live editor.

Hex + Decimal + CSS

Three ways to produce ☇ in a single document (no named entity).

html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Lightning (☇)</title>
  <style>
    #point::after {
      content: "\2607";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x2607;</p>
  <p>Using HTML Code: &#9735;</p>
  <p id="point">Using CSS Entity: </p>
  <p><code>Storm warning &#x2607;</code></p>
</body>
</html>

Try It Yourself

How It Works

1. Hex: U+2607 → ☇ in HTML. The browser turns it into ☇.

2. Decimal: same code point as 9735 → ☇. Same result as hex.

3. Named: HTML5 does not define a named entity for this character — use hex or decimal instead.

4. CSS: use \2607 in content (not an HTML entity). #point::after appends that ☇ after the paragraph text.

Pitfalls & Tips

Common mistakes when working with Lightning.

Look-alikes

☇ ≠ ⚡

High voltage (U+26A1) is a different bolt-style glyph. Use U+2607 only when you specifically need LIGHTNING.

Named

No `&…;` name

Do not invent a name such as &lightning;. Use ☇ or ☇.

Fonts

Glyph may be missing

Miscellaneous Symbols coverage varies. Test on your target devices or provide a fallback font.

CSS vs HTML

Do not mix escapes

\2607 belongs in CSS. ☇ / ☇ belong in HTML.

A11y

Add nearby words

Pair the glyph with label text (for example Storm warning ☇) or use aria-label when it stands alone.

Semicolon

End references

Always finish with ; — write ☇, not &#x2607.

Compatibility

Browser Support

Lightning (U+2607) and its entity forms (☇, ☇, CSS \\2607) are supported in all modern browsers. Glyph coverage depends on the font.

✓ Universal encoding

Lightning (☇)

Encode with hex, decimal, or CSS escape — or type ☇ directly in UTF-8 HTML. No named entity.

100% Browser coverage

Google Chrome Supported

Yes

Microsoft Edge Supported

Yes

Mozilla Firefox Supported

Yes

Apple Safari Supported

Yes

Opera Supported

Yes

Internet Explorer IE 9+

Yes*

U+2607 Full support

Bottom line: Prefer ☇ for readable HTML. Use \\2607 only inside CSS content.

Remember

Key Takeaways

Unicode: this symbol is U+2607 (decimal 9735).
HTML: prefer ☇ — or use ☇. No named entity.
CSS: use \2607 inside content for generated text.
Watch out: U+2607 ≠ ⚡ (high voltage).

One line: U+2607 → ☇ / ☇ / CSS \2607 (no named entity).

Frequently Asked Questions

How do I display Lightning (☇) in HTML using entities?

Use ☇ (hex), ☇ (decimal), or the CSS escape \2607 in the content property. All render ☇ when the font supports Miscellaneous Symbols. There is no named HTML entity.

What is the Unicode value for Lightning?

U+2607 (LIGHTNING). Hex 2607, decimal 9735. It belongs to Miscellaneous Symbols (U+2600–U+26FF).

Is there a named HTML entity for U+2607?

No. HTML5 does not define a named entity for U+2607. Use numeric references like ☇ or ☇.

When should I use this HTML entity?

Use it in weather UIs, energy themes, alerts, and symbolic icons when you specifically need the U+2607 lightning glyph. Prefer numeric entities when encoding must be explicit.

What is the difference between HTML code and CSS entity for U+2607?

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

Is U+2607 the same as ⚡ (high voltage)?

No. ⚡ is U+26A1 (HIGH VOLTAGE SIGN). U+2607 (☇) is LIGHTNING — a related but distinct Miscellaneous Symbols character with no named entity.

Did you know?

Lightning is Unicode U+2607 (decimal 9735) — LIGHTNING in Miscellaneous Symbols. HTML5 has no named entity — use ☇ or ☇. Do not confuse it with high voltage (⚡, U+26A1), a different and more common bolt-style glyph.

Next: Lira Sign

Learn the HTML entity for Lira Sign — next in this sequence.

Continue 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 | Light Vertical Bar HTML Entity | Lira Sign