HTML Entity for Heavy Vertical Bar (❚)

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

What Is Heavy Vertical Bar?

Heavy vertical bar (❚) is the Unicode character at U+275A in Dingbats. Official name: HEAVY VERTICAL BAR. It is a bold vertical bar used as a divider, label separator, or decorative pipe-style mark in typography.

Remember
Character     ❚
Unicode       U+275A
Hex entity    ❚
Decimal       ❚
CSS escape    \275A
Named entity  (none)
Meaning       bold Dingbats vertical bar / separator
Not the same  ❘ · ❙ · | (|)

Prefer ❚ or ❚ in HTML (no named form). You can also type ❚ in a UTF-8 document. For thinner Dingbats bars, see U+2758 / U+2759; for code pipes, prefer ASCII |.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Named entityNone—
Hex entity❚HTML markup (preferred)
Decimal entity❚HTML markup
Direct character❚HTML text (UTF-8)
CSS escape\275AStylesheet content

When to Use Which

SituationUse
Bold Dingbats vertical divider / label separator❚ plus visible text or aria-label
Thinner Dingbats light barLight vertical bar — ❘ / ❘
Medium-weight Dingbats barMedium vertical bar — ❙
ASCII pipe for code, logic, or shell notationVertical bar — | / |
Broken vertical barBroken vertical bar — ¦ (¦)
Generated text via ::before / ::aftercontent: "\275A"

Live Preview

Symbol alone, in a sample label, and next to related forms.

Glyph ❚
Large glyph ❚
Sample Home ❚ Docs ❚ Help
Compared ❚   ❙   ❘   |
With entities Hex: ❚ | Decimal: ❚

Complete HTML Example

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

Hex + Decimal + CSS + Typed

Four ways to display ❚ in HTML and CSS.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Heavy Vertical Bar (U+275A) in HTML</title>
  <style>
    #point::after {
      content: "\275A";
    }
  </style>
</head>
<body>
  <p>Built with Hex: &#x275A;</p>
  <p>Built with Decimal: &#10074;</p>
  <p id="point">Built with CSS: </p>
  <p>Typed: ❚</p>
  <p><span aria-label="Separator">Home &#x275A; Docs</span></p>
  <p>ASCII pipe: &vert;</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: &#x275A; inserts code point U+275A → ❚.

2. Decimal: same code point as 10074 → &#10074;. Same visual as hex.

3. CSS: use \275A in content (not an HTML entity). #point::after appends ❚.

4. Typed: paste ❚ in a UTF-8 document when you need this dingbat. Prefer aria-label or nearby prose such as “Separator” so meaning is clear to everyone.

Pitfalls & Tips

Common mistakes when working with heavy vertical bar.

Name

No named entity

There is no HTML5 named entity for U+275A. Use &#x275A; or &#10074;. Do not invent &heavyvert;. Light bar uses &VerticalSeparator;; ASCII pipe uses &vert;.

|

Not the ASCII pipe

ASCII vertical bar is | (U+007C / &vert;). Heavy vertical bar is ❚. Use | for code and shell pipes; use ❚ for bold Dingbats separators.

❘

Not light or medium

Light vertical bar is ❘ (U+2758). Medium is ❙ (U+2759). This page is the heavy form ❚.

Font

Font coverage

Some fonts omit Dingbats. If ❚ is missing, fall back to | or a font with U+275A coverage.

CSS vs HTML

Do not mix escapes

\275A belongs in CSS strings. &#x275A; / &#10074; belong in HTML.

a11y

Add accessible text

Screen readers may not announce ❚ clearly. Prefer aria-label="Separator" or nearby prose for navigation crumbs.

Semicolon

End references

Always finish entities with ; — write &#x275A;, not &#x275A.

Browser Support

Heavy vertical bar (U+275A) and its entity forms (&#x275A;, &#10074;, CSS \\275A) are supported in all mainstream browsers. Visible glyphs depend on Dingbats font coverage.

✓ Universal support

Heavy Vertical Bar (&#x275A;)

Encode with hex, decimal, CSS escape, or type the character — same code point everywhere encoding is supported.

100% Browser coverage
Google Chrome Supported
Yes
Microsoft Edge Supported
Yes
Mozilla Firefox Supported
Yes
Apple Safari Supported
Yes
Opera Supported
Yes
Internet Explorer All versions
Yes
U+275A Full support

Bottom line: Prefer &#x275A; in HTML (no named form). Use &#10074; when decimal form is required, and \\275A only inside CSS content.

Key Takeaways

  • Unicode: heavy vertical bar is U+275A (decimal 10074) — glyph ❚.
  • HTML: no named entity — use &#x275A; / &#10074; / type ❚.
  • CSS: use \275A inside content for generated text.
  • Meaning: ❚ ≠ ❘ / ❙ / | — use for bold Dingbats separators.

One line: U+275A → &#x275A; / &#10074; / CSS \275A (no named form).

Frequently Asked Questions

Use &#x275A; (hex), &#10074; (decimal), type ❚ directly in UTF-8, or the CSS escape \275A in content. There is no named HTML entity for U+275A.
U+275A (HEAVY VERTICAL BAR). Hex 275A, decimal 10074. It belongs to the Dingbats block (U+2700–U+27BF).
No. HTML5 does not define a named entity for this bar. Prefer &#x275A; or &#10074;. Light vertical bar (U+2758) uses &VerticalSeparator;. ASCII pipe uses &vert; or |.
Use it for a bold Dingbats vertical divider or label separator. For a thinner Dingbats bar, see U+2758 or U+2759. For code, pipes, or logic, prefer ASCII | (&vert;).
HTML numeric entities (&#10074; or &#x275A;) go in markup. The CSS escape \275A goes in stylesheet strings (usually content on ::before/::after).
No. Heavy vertical bar is U+275A (❚). Light is U+2758 (❘). Medium is U+2759 (❙). ASCII pipe is U+007C (|). Related separators — different weights and code points.

Did you know?

Heavy vertical bar is Unicode U+275A (decimal 10074) — glyph ❚ in Dingbats (official name HEAVY VERTICAL BAR). There is no HTML5 named entity; use &#x275A; or &#10074;. Prefer nearby text or aria-label (for example “Separator”). Do not confuse it with light ❘ (&VerticalSeparator;), medium ❙, or the ASCII pipe | (&vert;).

Next: Heavy Wedge Tailed Right Arrow

Learn the HTML entity for heavy wedge tailed right arrow (U+27BD).

Heavy wedge tailed right arrow 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