HTML Entity for Medium Vertical Bar (❙)
What You'll Learn
How to display the medium vertical bar (❙) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+2759 (MEDIUM VERTICAL BAR) in the Dingbats block (U+2700–U+27BF)—a medium-weight vertical separator for typography, dividers, and layout accents.
Render it with ❙, ❙, or CSS escape \2759. There is no named HTML entity. Do not confuse ❙ with ASCII pipe | (U+007C) or light vertical bar (❘, U+2758)—each is a distinct glyph.
⚡ Quick Reference — Medium Vertical Bar
U+2759Dingbats block
❙Hexadecimal reference
❙Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+2759
Hex code ❙
HTML code ❙
Named entity (none)
CSS code \2759
Meaning Medium vertical bar separator
Related U+2758 = light vertical bar (❘)
U+007C = ASCII pipe (|)Complete HTML Example
This example demonstrates the medium vertical bar (❙) using hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point::after{
content: "\2759";
}
</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>
<p>Separator: Home ❙ Docs ❙ API</p>
</body>
</html>🌐 Browser Support
The medium vertical bar is widely supported in modern browsers:
👀 Live Preview
See the medium vertical bar (❙) in separator and typography contexts:
🧠 How It Works
Hexadecimal Code
❙ uses the Unicode hexadecimal value 2759 to display the medium vertical bar. The x prefix indicates hexadecimal format.
Decimal HTML Code
❙ uses the decimal Unicode value 10073 to display the same character.
CSS Entity
\2759 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after for custom separators.
Same visual result
All three methods produce: ❙. Unicode U+2759 sits in the Dingbats block (U+2700–U+27BF). No named HTML entity—use numeric codes in markup.
Use Cases
The medium vertical bar (❙) is commonly used in:
Inline dividers between breadcrumb segments, tags, or metadata.
Visual punctuation and layout accents in headings and labels.
Column-style separators in plain-text or monospace layouts.
Toolbar dividers, menu separators, and dashboard accents.
Editorial layouts and magazine-style inline separators.
HTML entity tutorials and Dingbats Unicode documentation.
💡 Best Practices
Do
- Use
❙or❙consistently per project - Distinguish ❙ from ASCII
|(U+007C) and ❘ (light bar) - Prefer semantic markup (e.g.
<nav>with accessible separators) where possible - Serve pages with UTF-8 (
<meta charset="utf-8">) - Test glyph rendering across browsers and font stacks
Don’t
- Call ❙ a “pipe” — that usually means U+007C (
|) - Use decorative bars as the only separator for screen-reader-critical navigation
- Put CSS escape
\2759in HTML text nodes - Use HTML entities in JS (use
\u2759) - Use padded Unicode notation like U+02759—the correct value is
U+2759
Key Takeaways
Two HTML references both render ❙
❙ ❙For CSS stylesheets, use the escape in the content property
\2759Unicode U+2759 — MEDIUM VERTICAL BAR in Dingbats
No named HTML entity—use numeric codes or UTF-8 literal ❙
Not the same as ASCII pipe | (U+007C)
❓ Frequently Asked Questions
❙ (hex), ❙ (decimal), or \2759 in CSS content. All produce ❙. There is no named HTML entity for U+2759.U+2759 (MEDIUM VERTICAL BAR). Dingbats block (U+2700–U+27BF). Hex 2759, decimal 10073. Distinct from ASCII | (U+007C).❙ or ❙) go directly in markup. The CSS escape \2759 is used in stylesheets, typically in the content property of pseudo-elements. Same visual result, different layers of the stack.| is U+007C (VERTICAL LINE). They are different glyphs with different code points.Explore More HTML Entities!
Discover 1500+ HTML character references — dingbats, separators, and decorative symbols.
About the author
8 people found this page helpful