HTML Entity for Light Vertical Bar (❘)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+2758
HTML Entity for Light Vertical Bar (U+2758) tutorial illustration
Definition

What Is the Light Vertical Bar Entity?

Light Vertical Bar (❘) is the Dingbats character at Unicode U+2758 (LIGHT VERTICAL BAR). It is a decorative vertical separator — thicker/lighter in style than the ASCII pipe.

Remember
Character     ❘
Unicode       U+2758
Named entity  ❘
Hex entity    ❘
Decimal       ❘
CSS escape    \2758
Not the same  | (|) · │ (U+2502) · ∣ (U+2223)

Prefer ❘ in HTML. Alternatives: ❘ or ❘. For code pipes, use | / | instead.

Reference

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Named entity❘HTML markup (best default)
Hex entity❘HTML markup
Decimal entity❘HTML markup
CSS escape\2758Stylesheet content
Direct character❘UTF-8 HTML text

When to Use Which

SituationUse
Readable decorative separator❘
Numeric entity required❘ or ❘
Generated text via ::before / ::aftercontent: "\2758"
Code / shell pipeUse | / | (U+007C)
Nav / label crumbsHome ❘ Docs
See it

Live Preview

Light Vertical Bar in common separator contexts.

Separator One ❘ Two ❘ Three
Large glyph ❘
Named entity ❘ → ❘
vs | / │ ❘  |  |  |  │
With entities Named: ❘ | Hex: ❘ | Decimal: ❘
Code

Complete HTML Example

One page that shows this symbol with named, hex, decimal, and CSS. Use View Output or open the live editor.

Named + Hex + Decimal + CSS

Four ways to produce ❘ in a single document.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Light Vertical Bar (❘)</title>
  <style>
    #point::after {
      content: "\2758";
    }
  </style>
</head>
<body>
  <p>Using Named: &VerticalSeparator;</p>
  <p>Using Hex Code: &#x2758;</p>
  <p>Using HTML Code: &#10072;</p>
  <p id="point">Using CSS Entity: </p>
  <p><code>One &VerticalSeparator; Two</code></p>
</body>
</html>
Try It Yourself

How It Works

1. Named: &VerticalSeparator; is the HTML5 name for U+2758 → ❘. Prefer this for readable source.

2. Hex: U+2758 → &#x2758; in HTML. Same glyph as named.

3. Decimal: same code point as 10072 → &#10072;.

4. CSS: use \2758 in content (not an HTML entity). #point::after appends that ❘ after the paragraph text.

5. Case: &vert; is not an alias — it maps to | (U+007C). Keep the capitals in &VerticalSeparator;.

Pitfalls & Tips

Common mistakes when working with Light Vertical Bar.

Look-alikes

&VerticalSeparator; ≠ &vert;

&vert; / | is U+007C. Use that for code pipes; use this Dingbat for decorative separators.

Case

Capital letters required

Write &VerticalSeparator; exactly — lowercase variants are not defined for this character.

Fonts

Dingbat coverage

Most modern fonts include U+2758, but verify on target devices if the separator is critical.

CSS vs HTML

Do not mix escapes

\2758 belongs in CSS. &VerticalSeparator; / &#x2758; / &#10072; belong in HTML.

A11y

Separators need context

Pair with nearby words (for example Home &VerticalSeparator; Docs) so the divider is not the only cue.

Semicolon

End references

Always finish with ; — write &VerticalSeparator;, not &VerticalSeparator.

Compatibility

Browser Support

Light Vertical Bar (U+2758) and its entity forms (&VerticalSeparator;, &#x2758;, &#10072;, CSS \\2758) are supported in all modern browsers. Glyph coverage depends on the font.

✓ Universal encoding

Light Vertical Bar (&#x2758;)

Encode with named, hex, decimal, or CSS escape — or type ❘ directly in UTF-8 HTML.

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+2758 Full support

Bottom line: Prefer &VerticalSeparator; for readable HTML. Use \\2758 only inside CSS content.

Remember

Key Takeaways

  • Unicode: this symbol is U+2758 (decimal 10072).
  • HTML: prefer &VerticalSeparator; — also &#x2758; / &#10072;.
  • CSS: use \2758 inside content for generated text.
  • Watch out: &VerticalSeparator; ≠ &vert; / |.

One line: U+2758 → &VerticalSeparator; / &#x2758; / &#10072; / CSS \2758.

Frequently Asked Questions

Use &VerticalSeparator; (named), &#x2758; (hex), &#10072; (decimal), or the CSS escape \2758 in the content property. All render ❘ when the font supports Dingbats.
U+2758 (LIGHT VERTICAL BAR). Hex 2758, decimal 10072. It belongs to Dingbats (U+2700–U+27BF).
Yes. HTML5 defines &VerticalSeparator; for U+2758. Prefer it for readable markup. Note: &vert; is a different character (U+007C).
Use it as a decorative separator or divider in UI labels, nav crumbs, and typography. Prefer &VerticalSeparator; for readable source. For pipes in code, use | / &vert; instead.
HTML entities (&VerticalSeparator;, &#10072;, or &#x2758;) go in markup. The CSS escape \2758 is used in stylesheets (usually in the content property of ::before/::after). Both render ❘.
No. &VerticalSeparator; is U+2758 (❘). &vert; is U+007C (|). Entity names are case-sensitive and map to different glyphs.

Did you know?

Light Vertical Bar is Unicode U+2758 (decimal 10072) — LIGHT VERTICAL BAR in Dingbats. HTML5 named entity: &VerticalSeparator; (capital V and S). Do not confuse it with &vert; / | (U+007C), which is the plain ASCII vertical bar.

Next: Lightning

Learn the HTML entity for Lightning — next in this sequence.

Continue 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.

AWS Certified Developer – Associate (Credly)

8 people found this page helpful

HTML Entity | Light Right Tortoise Shell Bracket Ornament HTML Entity | Lightning