HTML Entity for Lightning (☇)
What You'll Learn
How to display the Lightning (☇) symbol in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+2607 (LIGHTNING) in the Miscellaneous Symbols block (U+2600–U+26FF).
Render it with ☇, ☇, or CSS escape \2607. There is no named HTML entity. It’s used in weather UI, energy/power themes, alerts, and anywhere you need a compact lightning icon in text.
⚡ Quick Reference — Lightning
U+2607Miscellaneous Symbols
☇Hexadecimal reference
☇Decimal reference
—No named entity
Name Value
──────────── ──────────
Unicode U+2607
Hex code ☇
HTML code ☇
Named entity (none)
CSS code \2607
Meaning Lightning
Block Miscellaneous Symbols (U+2600–U+26FF)Complete HTML Example
A simple example showing the Lightning symbol (☇) using hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\2607";
}
</style>
</head>
<body>
<p>Symbol (hex): ☇</p>
<p>Symbol (decimal): ☇</p>
<p id="point">Symbol (CSS): </p>
<p>Status: Fast ⚡ — Lightning symbol: ☇</p>
</body>
</html>🌐 Browser Support
The Lightning symbol (☇) is supported in modern browsers. If it doesn’t render, choose a font that supports Miscellaneous Symbols:
👀 Live Preview
See the Lightning symbol (☇) in common UI contexts:
🧠 How It Works
Hexadecimal Code
☇ uses the Unicode hexadecimal value 2607 to display the symbol.
Decimal HTML Code
☇ uses the decimal Unicode value 9735 to display the same character.
CSS Entity
\2607 is used in CSS stylesheets, typically in the content property of pseudo-elements.
Same visual result
All three methods produce the glyph: ☇. Unicode U+2607 is in Miscellaneous Symbols. There is no named HTML entity.
Use Cases
The Lightning symbol (☇) is commonly used in:
Thunderstorm indicators in forecasts, dashboards, and widgets.
Power, electricity, performance, or “boost” style labels.
Warning badges or callouts where a quick lightning icon helps scanning.
Denote speed or instant actions (“Fast checkout”, “Quick mode”).
Stylized dividers, headings, or icon-like inline typography.
Add character-based icons without external images or SVG.
💡 Best Practices
Do
- Use numeric references (
☇or☇) in HTML for portability - Use
\2607in CSScontentwhen inserting via pseudo-elements - Provide text labels where meaning matters (icons alone can be ambiguous)
- Ensure your font supports Miscellaneous Symbols for consistent rendering
- Serve pages with UTF-8 (
<meta charset="utf-8">)
Don’t
- Use the CSS escape
\2607directly in HTML text nodes - Assume every device has a font that renders ☇ identically—test on mobile
- Rely on the glyph alone for accessibility—icons should be paired with meaning
- Overuse icon glyphs in long paragraphs (it can reduce readability)
- Mix different lightning icons across the UI without a reason
Key Takeaways
Three references render ☇ (no named entity)
☇ ☇For CSS stylesheets, use the escape in the content property
\2607Unicode U+2607 — LIGHTNING
Use lightning as a supplement to text, not a replacement for meaning
Previous: Light Vertical Bar Next: HTML Entities
❓ Frequently Asked Questions
☇ (hex), ☇ (decimal), or \2607 in CSS content. All produce ☇. There is no named HTML entity.U+2607 (LIGHTNING) in Miscellaneous Symbols (U+2600–U+26FF). Hex 2607, decimal 9735. No named HTML entity.☇ or ☇) go in markup. The CSS escape \2607 goes in stylesheets. Both render ☇.Explore More HTML Entities!
Discover 1500+ HTML character references — symbols, ornaments, and more.
About the author
8 people found this page helpful