HTML Entity for Right Triangle (⊿)
What You'll Learn
How to display the Right Triangle (⊿) in HTML using the named entity, hexadecimal, decimal, and CSS escape methods. This symbol is U+22BF (RIGHT TRIANGLE) in the Mathematical Operators block (U+2200–U+22FF)—a right-angled triangle glyph used in geometry, mathematics, and technical notation.
Render it with ⊿ (named), ⊿, ⊿, or CSS \22BF. Do not confuse ⊿ with U+25B3 (△, white up-pointing triangle) or U+2206 (∆, increment / Δ).
⚡ Quick Reference — Right Triangle
U+22BFMathematical Operators
⊿Hexadecimal reference
⊿Decimal reference
⊿Most readable option
Name Value
──────────── ──────────
Unicode U+22BF
Hex code ⊿
HTML code ⊿
Named entity ⊿
CSS code \22BF
Meaning Right triangle (right-angled triangle)
Related U+25B3 = white up-pointing triangle (△)
U+2206 = increment (∆ / Δ)Complete HTML Example
A simple example showing the Right Triangle (⊿) using the named entity, hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\22BF";
}
</style>
</head>
<body>
<p>Symbol (hex): ⊿</p>
<p>Symbol (decimal): ⊿</p>
<p>Symbol (named): ⊿</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>🌐 Browser Support
The Right Triangle (⊿) is universally supported in all modern browsers when the font includes Mathematical Operators glyphs:
👀 Live Preview
See the Right Triangle (⊿) rendered live in different contexts:
🧠 How It Works
Hexadecimal Code
⊿ uses the Unicode hexadecimal value 22BF for the right triangle. The x prefix indicates hexadecimal format.
Decimal HTML Code
⊿ uses the decimal Unicode value 8895 to display the same character.
Named Entity
⊿ is the semantic named entity — the easiest to read in source HTML and the most self-descriptive option.
CSS Entity
\22BF is used in CSS stylesheets in the content property of pseudo-elements like ::after.
Same visual result
All four methods produce ⊿. Unicode U+22BF is in the Mathematical Operators block. Previous: Right Tack Below.
Use Cases
The Right Triangle (⊿) is commonly used in:
Mark right-angled triangles in equations, proofs, and geometric notation.
Display in online courses, worksheets, and interactive geometry lessons.
Reference right triangles in engineering specs and scientific reports.
Typeset geometry and trigonometry content in HTML publications.
Label right angles and triangle types in SVG-free HTML diagrams.
Support in web-based equation and geometry editors.
💡 Best Practices
Do
- Use
⊿for readable source markup - Add
aria-labelor surrounding text for accessibility - Distinguish ⊿ (right triangle) from △ (white up-pointing triangle)
- Verify your font supports Mathematical Operators (U+22BF)
- Keep one entity style per project for consistency
Don’t
- Confuse ⊿ (right triangle) with △ (general triangle glyph)
- Confuse ⊿ with ∆ (increment / Delta)
- Use CSS
\22BFinside HTML text nodes - Assume all fonts render logic symbols identically
- Mix entity styles randomly in one file
- Use the symbol without explaining its logical meaning on first use
Key Takeaways
Four HTML references plus CSS all render ⊿
⊿ ⊿ ⊿For CSS, use \22BF in the content property
Unicode U+22BF — RIGHT TRIANGLE
Prefer ⊿ for readability—it’s the named HTML entity
Previous: Right Tack Below Next: Right Triple Arrow
❓ Frequently Asked Questions
⊿ (hex), ⊿ (decimal), ⊿ (named), or \22BF in CSS content. All four methods render ⊿ correctly.U+22BF (RIGHT TRIANGLE). Mathematical Operators block (U+2200–U+22FF). Hex 22BF, decimal 8895. A right-angled triangle symbol used in geometry.⊿, ⊿, or ⊿) go in markup. The CSS escape \22BF is used in stylesheets, typically on ::before or ::after. Both produce ⊿.⊿ is the named HTML entity for U+22BF. You can also use ⊿ (decimal) or ⊿ (hex) and \22BF in CSS.Explore More HTML Entities!
Discover 1500+ HTML character references — arrows, symbols, math operators, and more.
About the author
8 people found this page helpful