HTML Entity for Medium Vertical Bar (❙)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+2759

What Is the Medium Vertical Bar Entity?

Medium vertical bar (❙) is the Dingbats character at Unicode U+2759. It is a decorative vertical separator used in breadcrumbs, nav labels, and typography — not the ASCII pipe | used in code.

Remember
Character     ❙
Unicode       U+2759
Hex entity    ❙
Decimal       ❙
CSS escape    \2759
Named entity  (none)
Not           ASCII | (U+007C)

Hex, decimal, CSS, and a typed character all produce the same glyph: ❙.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Direct character❙UTF-8 HTML text (default choice)
Hex entity❙HTML markup
Decimal entity❙HTML markup
CSS escape\2759Stylesheet content
Named entity—Not defined in HTML5

When to Use Which

SituationUse
Breadcrumbs and nav dividersType ❙ (UTF-8) or ❙
Need an entity in HTML source❙ or ❙
Generated text via ::before / ::aftercontent: "\2759"
Code, shell, CSV, or data pipesUse ASCII | — not this dingbat
Math / logic OR in monospacePrefer ASCII | for clarity

Live Preview

Medium vertical bar as a decorative separator.

Breadcrumb Home ❙ Docs ❙ API
Large glyph ❙
vs ASCII | ❙  |  |
Label row Design ❙ Code ❙ Ship
With entities Hex: ❙ | Decimal: ❙

Complete HTML Example

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

Hex + Decimal + CSS + Typed

Four ways to produce ❙ in a single document.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Medium Vertical Bar (❙)</title>
  <style>
    #point::after {
      content: "\2759";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x2759;</p>
  <p>Using HTML Code: &#10073;</p>
  <p id="point">Using CSS Entity: </p>
  <p>Separator: Home ❙ Docs ❙ API</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+2759 → &#x2759; in HTML. The browser turns it into ❙.

2. Decimal: same code point as 10073 → &#10073;. Same result as hex.

3. CSS: use \2759 in content (not an HTML entity). #point::after appends that ❙ after the paragraph text.

4. Separator: place ❙ between labels to create a decorative breadcrumb or nav divider.

Pitfalls & Tips

Common mistakes when working with this vertical bar.

Named?

No named entity

HTML5 does not define a named entity for U+2759. Use numeric forms.

Not |

Not ASCII pipe

Use | for code, shell pipes, and data. Use ❙ only for decorative UI separators.

A11y

Mark decorative separators

If the bar is purely visual in a nav, wrap it with aria-hidden="true" so screen readers skip it.

CSS vs HTML

Do not mix escapes

\2759 belongs in CSS. &#x2759; / &#10073; belong in HTML.

Encoding

Declare UTF-8

If you type ❙ directly, keep <meta charset="UTF-8"> so the file is not misread.

Semicolon

End references

Always finish with ; — write &#10073;, not &#10073.

Browser Support

Medium vertical bar (U+2759) and its numeric entity forms (&#x2759;, &#10073;, CSS \\2759) are supported in all mainstream browsers with a Unicode-capable font.

✓ Universal support

Medium Vertical Bar (&#x2759;)

Type ❙, or encode with hex, decimal, or CSS escape — same glyph everywhere fonts support it.

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+2759 / entities Full support

Bottom line: Type ❙ for normal UTF-8 text. Prefer &#x2759; or &#10073; when encoding must be explicit, and \\2759 only inside CSS content.

Key Takeaways

  • Unicode: this bar is U+2759 (decimal 10073).
  • HTML: use &#x2759; or &#10073; when you need an entity.
  • CSS: use \2759 inside content for generated text.
  • Use case: decorative separators — not ASCII |.

One line: U+2759 → type ❙, or encode as &#x2759; / &#10073; / CSS \2759.

Frequently Asked Questions

Use &#x2759; (hex), &#10073; (decimal), or the CSS escape \2759 in the content property. All render ❙. There is no named HTML entity for U+2759.
U+2759 (MEDIUM VERTICAL BAR). Hex 2759, decimal 10073. It belongs to the Dingbats block.
No. U+2759 has no named HTML entity. Use numeric references like &#x2759; or &#10073;.
Use it for decorative separators, breadcrumbs, nav dividers, and typography accents — not as a substitute for the ASCII pipe | in code or data.
HTML entities (&#10073; or &#x2759;) go in markup. The CSS escape \2759 is used in stylesheets (usually in the content property of ::before/::after). Both render ❙.
No. The ASCII pipe is U+007C (|). Medium vertical bar is U+2759 (❙), a thicker decorative Dingbat separator.

Did you know?

Medium vertical bar is Unicode U+2759 (decimal 10073) — in Dingbats. HTML5 has no named entity for it — use &#x2759; or &#10073;. It is a decorative separator, not the ASCII pipe | used in code, tables, or shell commands.

Next: Mercury

Continue with the Mercury (U+263F) entity tutorial.

Mercury tutorial →

About the author

Mari Selvan M P
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.

8 people found this page helpful