HTML Entity for Heavy Vertical Bar (❚)
What You'll Learn
How to display the Heavy Vertical Bar (❚) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+275A (HEAVY VERTICAL BAR) in the Dingbats block (U+2700–U+27BF). It is a bold vertical bar (pipe-style glyph)—ideal for separators, dividers, menu splits, and typography beyond the ASCII pipe | or light bar ❙.
Render it with ❚, ❚, or CSS escape \275A. There is no named HTML entity. Do not confuse ❚ with U+2759 (❙, light vertical bar) or U+007C (|, vertical line); each code point has a different weight and style.
⚡ Quick Reference — Vertical Bar
U+275ADingbats block
❚Hexadecimal reference
❚Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+275A
Hex code ❚
HTML code ❚
Named entity (none)
CSS code \275A
Meaning Heavy vertical bar (pipe)
Related U+2759 = light vertical (❙)
U+007C = vertical line (|)
U+2502 = box drawing (│)Complete HTML Example
This example demonstrates the Heavy Vertical Bar (❚) using hexadecimal code, decimal HTML code, and a CSS content escape on a pseudo-element:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\275A";
}
</style>
</head>
<body>
<p>Vertical Bar using Hexadecimal: ❚</p>
<p>Vertical Bar using HTML Code: ❚</p>
<p id="point">Vertical Bar using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The Heavy Vertical Bar (❚) is widely supported in modern browsers when the font includes Dingbats punctuation glyphs:
👀 Live Preview
Heavy Vertical Bar (❚) in context, compared with lighter pipe and bar symbols:
🧠 How It Works
Hexadecimal Code
❚ uses the Unicode hexadecimal value 275A to display the heavy vertical bar. The x prefix indicates hexadecimal format.
Decimal HTML Code
❚ uses the decimal Unicode value 10074 to display the same character.
CSS Entity
\275A is used in CSS stylesheets, particularly in content on ::before or ::after for menu dividers and inline separators.
Same visual result
All three methods produce ❚. Unicode U+275A is in the Dingbats block. Next: Heavy Wedge Tailed Right Arrow.
Use Cases
The Heavy Vertical Bar (❚) is commonly used in:
Visual dividers between sections, columns, or inline content blocks.
Bold pipe-style breaks in titles, metadata, and key-value pairs.
Menu and breadcrumb splits between links or labels.
Magazine-style typography and styled headings or bylines.
content: "\275A" on ::before or ::after for dividers without extra markup.
Ornamental column or list separators where a heavy bar adds emphasis.
💡 Best Practices
Do
- Use ❚ for decorative separation; use
<hr>or borders when structure matters - Use
content: "\275A"via pseudo-elements for repeatable menu dividers - Wrap navigation splits in semantic
<nav>with proper link text - Declare UTF-8 with
<meta charset="utf-8"> - Keep one numeric style (hex or decimal) per project
- Add spacing around the bar so it does not crowd adjacent text
Don’t
- Replace semantic separators with ❚ alone when meaning must be programmatic
- Confuse U+275A (❚) with U+2759 (❙) or ASCII
| - Expect a named HTML entity for U+275A
- Use CSS
\275Ain HTML text nodes - Overuse heavy bars in dense body copy
Key Takeaways
Two HTML numeric references plus CSS insert U+275A
❚ ❚For CSS, use \275A in the content property (often ::after)
Unicode U+275A — heavy vertical bar (❚)
Distinct from light vertical U+2759 (❙) and ASCII pipe |
❓ Frequently Asked Questions
❚ (hex), ❚ (decimal), or \275A in CSS content. There is no named entity. All three methods render the bar (❚) correctly.U+275A (HEAVY VERTICAL BAR). Dingbats block. Hex 275A, decimal 10074. The symbol (❚) is a bold vertical bar or pipe-style separator.❚ or ❚) go in markup. The CSS escape \275A is used in stylesheets, typically on ::before or ::after for dividers. Both produce ❚.❚) or decimal (❚) codes, which is standard for Dingbats separator symbols.Explore More HTML Entities!
Discover 1500+ HTML character references — symbols, math, and more.
About the author
8 people found this page helpful