HTML Entity for Superscript Latin Small Letter I (ⁱ)
What You'll Learn
How to display the Superscript Latin Small Letter I symbol (ⁱ) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+2071 (SUPERSCRIPT LATIN SMALL LETTER I) in the Superscripts and Subscripts block (U+2070–U+209F)—used for superscript i in math, chemistry, and typography.
Render it with ⁱ, ⁱ, or CSS escape \2071. There is no named HTML entity. Do not confuse ⁱ with <sup>i</sup> (styled markup) or regular lowercase i in body text.
⚡ Quick Reference — Superscript Latin Small Letter I
U+2071Superscripts and Subscripts
ⁱHexadecimal reference
ⁱDecimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+2071
Hex code ⁱ
HTML code ⁱ
Named entity (none)
CSS code \2071
Block Superscripts and Subscripts (U+2070–U+209F)
Related U+207F = Superscript n (ⁿ)Complete HTML Example
This example demonstrates the Superscript Latin Small Letter I symbol (ⁱ) using hexadecimal code, decimal HTML code, and a CSS content escape (no named entity):
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\2071";
}
</style>
</head>
<body>
<p>Using Hexadecimal: ⁱ</p>
<p>Using HTML Code: ⁱ</p>
<p>Exponent form: xⁱ</p>
<p id="point">Using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The Superscript Latin Small Letter I entity is universally supported in all modern browsers:
👀 Live Preview
See the Superscript Latin Small Letter I symbol (ⁱ) rendered in different contexts:
🧠 How It Works
Hexadecimal Code
ⁱ uses the Unicode hexadecimal value 2071 to display the symbol. The x prefix indicates hexadecimal format.
Decimal HTML Code
ⁱ uses the decimal Unicode value 8305 to display the same character. This is one of the most commonly used methods.
CSS Entity
\2071 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.
Same visual result
All three methods produce the glyph: ⁱ. Unicode U+2071 in the Superscripts and Subscripts block (U+2070–U+209F). No named entity.
Use Cases
The Superscript Latin Small Letter I symbol (ⁱ) commonly appears in:
Exponents like xⁱ and index notation.
Molecular notation and scientific documentation.
Research papers and scholarly articles.
Technical documentation and math web apps.
Footnotes, citations, and editorial design.
Online courses and science tutorials.
Bibliographies and reference materials.
💡 Best Practices
Do
- Use
ⁱorⁱfor the dedicated superscript i glyph - Pick one style (hex or decimal) per project for consistency
- Add
aria-labelfor standalone symbols in math content - Test rendering across browsers and fonts
- Use in expressions like xⁱ for compact exponent notation
Don’t
- Confuse ⁱ with plain i or
<sup>i</sup>when a single glyph is needed - Put CSS escape
\2071directly in HTML text nodes - Expect a named HTML entity for U+2071—use numeric references
- Use HTML entities in JS (use
\u2071instead) - Assume all fonts render ⁱ clearly at small sizes
Key Takeaways
Two HTML references both render ⁱ
ⁱ ⁱFor CSS stylesheets, use the escape in the content property
\2071Unicode U+2071 — SUPERSCRIPT LATIN SMALL LETTER I
No named entity—use numeric references or CSS escape
Related: ⁿ (superscript n, U+207F)
❓ Frequently Asked Questions
ⁱ (hex), ⁱ (decimal), or \2071 in CSS content. There is no named HTML entity. All three produce ⁱ.U+2071 (SUPERSCRIPT LATIN SMALL LETTER I). Superscripts and Subscripts block (U+2070–U+209F). Hex 2071, decimal 8305.ⁱ or ⁱ) go directly in markup. The CSS escape \2071 is used in stylesheets, typically in the content property of pseudo-elements. Same visual result, different layers of the stack.Explore More HTML Entities!
Discover 1500+ HTML character references — superscripts, subscripts, math, and more.
About the author
8 people found this page helpful