HTML Entity for Triangular Bullet (‣)
What You'll Learn
How to display the Triangular Bullet (‣) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+2023 (TRIANGULAR BULLET) in the General Punctuation block (U+2000–U+206F)—a typographic list marker shaped like a small triangle, used for bullet points and navigation lists.
Render it with ‣, ‣, or CSS escape \2023. There is no named HTML entity. Do not confuse ‣ with U+2022 (•, bullet / •) or U+2043 (⁃, hyphen bullet / ⁃).
⚡ Quick Reference — Triangular Bullet
U+2023General Punctuation
‣Hexadecimal reference
‣Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+2023
Hex code ‣
HTML code ‣
Named entity (none)
CSS code \2023
Block General Punctuation (U+2000–U+206F)
Official name TRIANGULAR BULLET
Related U+2022 = bullet (•), U+2043 = hyphen bullet (⁃)Complete HTML Example
This example demonstrates the Triangular Bullet (‣) using hexadecimal code, decimal HTML code, and a CSS content escape (no named entity):
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\2023";
}
</style>
</head>
<body>
<p>Using Hexadecimal: ‣</p>
<p>Using HTML Code: ‣</p>
<p id="point">Using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The Triangular Bullet renders in modern browsers when fonts include General Punctuation glyphs:
👀 Live Preview
See the Triangular Bullet (‣) in list and typography context:
🧠 How It Works
Hexadecimal Code
‣ uses the Unicode hexadecimal value 2023 to display the Triangular Bullet.
Decimal HTML Code
‣ uses the decimal Unicode value 8227 to display the same character.
CSS Entity
\2023 is used in CSS stylesheets in the content property of pseudo-elements like ::before, ::after, or ::marker.
Same visual result
All three methods produce ‣. Unicode U+2023 in General Punctuation. No named entity. Previous: Triangle Headed Right Arrow. Next: Tricolon.
Use Cases
The Triangular Bullet (‣) commonly appears in:
Bulleted and unordered lists with a triangle marker.
Editorial content and styled text formatting.
Sidebar lists and menu items with decorative markers.
Modern layouts needing alternative bullet styles.
Notes, specs, and step lists with consistent markers.
Custom list bullets via ::marker or ::before.
Feature lists and tutorial bullet styling.
💡 Best Practices
Do
- Use
‣or‣for inline triangular bullets - Prefer semantic
<ul>/<li>with CSS::markerfor lists - Style with CSS
content: "\2023"on::beforefor reusable markers - Keep bullet style consistent across the page or site
- Test rendering across browsers and font stacks
Don’t
- Confuse ‣ (triangular) with • (round bullet) or ⁃ (hyphen bullet)
- Replace proper list markup with bare symbols and no list semantics
- Put CSS escape
\2023directly in HTML text nodes - Expect a named HTML entity for U+2023
- Use HTML entities in JS (use
\u2023instead)
Key Takeaways
Two HTML references both render ‣
‣ ‣For CSS, use \2023 in the content property
Unicode U+2023 — Triangular Bullet
No named entity—use numeric references or CSS escape
General Punctuation block (U+2000–U+206F) for typographic markers
❓ Frequently Asked Questions
‣ (hex), ‣ (decimal), or \2023 in CSS content. There is no named HTML entity. All three produce ‣.U+2023 (TRIANGULAR BULLET). General Punctuation block (U+2000–U+206F). Hex 2023, decimal 8227. A typographic list marker shaped like a small triangle.‣ or ‣) go directly in markup. The CSS escape \2023 is used in stylesheets, typically in the content property of pseudo-elements or ::marker. Same visual result, different layers of the stack.• (U+2022). General Punctuation markers like ‣ use numeric hex or decimal references—standard practice for typographic characters.Explore More HTML Entities!
Discover 1500+ HTML character references — punctuation, bullets, symbols, and more.
About the author
8 people found this page helpful