HTML Entity for Light Vertical Bar (❘)
What You'll Learn
How to display the Light Vertical Bar (❘) character in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+2758 (LIGHT VERTICAL BAR) in the Dingbats block (U+2700–U+27BF).
Render it with ❘, ❘, or CSS escape \2758. There is no named HTML entity. Use this glyph as a light-weight separator or typographic divider that is distinct from the standard pipe character (|).
⚡ Quick Reference — Light Vertical Bar
U+2758Dingbats
❘Hexadecimal reference
❘Decimal reference
—No named entity
Name Value
──────────── ──────────
Unicode U+2758
Hex code ❘
HTML code ❘
Named entity (none)
CSS code \2758
Meaning Light vertical bar
Block Dingbats (U+2700–U+27BF)Complete HTML Example
A simple example showing the Light Vertical Bar (❘) using hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\2758";
}
</style>
</head>
<body>
<p>Symbol (hex): ❘</p>
<p>Symbol (decimal): ❘</p>
<p id="point">Symbol (CSS): </p>
<p>Separator example: One ❘ Two ❘ Three</p>
</body>
</html>🌐 Browser Support
The Light Vertical Bar (❘) is supported in modern browsers when the font includes Dingbats glyphs:
👀 Live Preview
See the Light Vertical Bar (❘) alongside similar separator characters:
🧠 How It Works
Hexadecimal Code
❘ uses the Unicode hexadecimal value 2758 to display the character.
Decimal HTML Code
❘ uses the decimal Unicode value 10072 to display the same character.
CSS Entity
\2758 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.
Same visual result
All three methods produce the glyph: ❘. Unicode U+2758 is in Dingbats. There is no named HTML entity.
Use Cases
The Light Vertical Bar (❘) is commonly used in:
Divide short bits of UI text (e.g. “Home ❘ Docs ❘ Blog”).
Use as a light-weight divider in plain-text style tables or lists.
Create a subtle visual break distinct from the ASCII pipe (|).
Use in badges, metadata rows, or headers as a decorative separator.
Show examples of Unicode separators and dingbats in character references.
Insert via CSS content for decorative separators without changing HTML.
💡 Best Practices
Do
- Use numeric references (
❘or❘) in HTML for portability - Use
\2758in CSScontentwhen inserting via pseudo-elements - Pick one separator style and use it consistently across the UI
- Ensure your font supports Dingbats for consistent rendering
- Serve pages with UTF-8 (
<meta charset="utf-8">)
Don’t
- Use ❘ when you actually need the ASCII pipe
|(common in code snippets) - Put CSS escape
\2758in HTML text nodes - Rely on the glyph alone for accessibility—use spacing and semantics for separation
- Assume every font renders dingbats identically—test across devices
- Overuse separators; sometimes spacing or layout is clearer
Key Takeaways
Three references render ❘ (no named entity)
❘ ❘For CSS stylesheets, use the escape in the content property
\2758Unicode U+2758 — LIGHT VERTICAL BAR
Use ❘ for typography; use | for code and plain ASCII
Previous: Light Right Tortoise Shell Bracket Ornament Next: HTML Entities
❓ Frequently Asked Questions
❘ (hex), ❘ (decimal), or \2758 in CSS content. All produce ❘. There is no named HTML entity.U+2758 (LIGHT VERTICAL BAR) in Dingbats. Hex 2758, decimal 10072. No named HTML entity.|).❘ or ❘) go in markup. The CSS escape \2758 goes in stylesheets (e.g. content on pseudo-elements). Both render ❘.Explore More HTML Entities!
Discover 1500+ HTML character references — separators, ornaments, and more.
About the author
8 people found this page helpful