Lowercase Roman Numeral One (ⅰ) is the Unicode character at U+2170 in the Number Forms block. It looks like a small roman i and is used for outlines, chapter labels, and formal numbering.
Remember
Character ⅰ
Unicode U+2170
Hex entity ⅰ
Decimal ⅰ
CSS escape \2170
Named entity (none)
All of these produce the same glyph: ⅰ. Prefer the Unicode character (or its entities) when you need a true roman numeral; type the letter i when you only need ordinary text.
Reference
Quick Reference
One table for every form you will actually use.
Form
Code
Where it goes
Direct character
ⅰ
HTML text (UTF-8)
Hex entity
ⅰ
HTML markup
Decimal entity
ⅰ
HTML markup
CSS escape
\2170
Stylesheet content
Named entity
—
Not defined in HTML5
When to use which
Situation
Use
Need the roman numeral glyph ⅰ
Type ⅰ, or ⅰ / ⅰ
Generated text via ::before / ::after
content: "\2170"
Uppercase roman numeral one
Use Ⅰ (U+2160)
Ordinary letter i (not a numeral)
Type i (U+0069)
Looking for &romani; or similar
Does not exist — use numeric form
See it
Live Preview
Lowercase Roman Numeral One rendered in common writing contexts.
Inline textⅰ. Introduction
Large glyphⅰ
Outlineⅰ Start ⅱ Continue ⅲ Finish
Monospacesection ⅰ → overview
With entitiesHex: ⅰ | Decimal: ⅰ
Code
Complete HTML Example
One page that shows Lowercase Roman Numeral One with the hex entity, decimal entity, CSS escape, and a typed character. Use View Output or open the live editor.
Hex + Decimal + CSS + Typed
All four ways to produce ⅰ in a single document.
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Lowercase Roman Numeral One (ⅰ) in HTML</title>
<style>
#point::after {
content: "\2170";
}
</style>
</head>
<body>
<p>Lowercase Roman One using Hex Code: ⅰ</p>
<p>Lowercase Roman One using HTML Code: ⅰ</p>
<p id="point">Lowercase Roman One using CSS Entity: </p>
<p>Typed directly: ⅰ</p>
</body>
</html>
Lowercase Roman One using Hex Code: ⅰ
Lowercase Roman One using HTML Code: ⅰ
Lowercase Roman One using CSS Entity: ⅰ
Typed directly: ⅰ
How It Works
1. Hex:U+2170 → ⅰ in HTML. The browser turns it into ⅰ.
2. Decimal: same code point as 8560 → ⅰ. Same result as hex.
3. CSS: use \2170 in content (not an HTML entity). #point::after appends that ⅰ after the paragraph text.
4. Typed ⅰ: fine in UTF-8 pages. All four lines show the same roman numeral.
Pitfalls & Tips
Common mistakes when working with Lowercase Roman Numeral One entities.
Named?
No named entity
HTML5 does not define &romani; or similar. Use numeric forms.
CSS vs HTML
Do not mix escapes
\2170 belongs in CSS. ⅰ / ⅰ belong in HTML.
ⅰ vs i vs Ⅰ
Different characters
ⅰ is U+2170; letter i is U+0069; uppercase Ⅰ is U+2160.
Fonts
Check the glyph
Number Forms support varies by font. If ⅰ is missing, fall back to the letter i or another font.
Semicolon
End references
Always finish with ; — write ⅰ, not ⅰ.
Lists
CSS list-style
For auto-numbered roman lists, prefer list-style-type: lower-roman instead of hard-coding ⅰ.
Compatibility
Browser Support
Lowercase Roman Numeral One (U+2170) and its numeric entity forms (ⅰ, ⅰ, CSS \\2170) are supported in all mainstream browsers. Glyph shape depends on the font.
✓ Universal support
Lowercase Roman 1 (ⅰ)
Encode with hex, decimal, or CSS escape — or paste ⅰ in UTF-8 HTML.
100%Browser coverage
Google ChromeSupported
Yes
Microsoft EdgeSupported
Yes
Mozilla FirefoxSupported
Yes
Apple SafariSupported
Yes
OperaSupported
Yes
Internet ExplorerAll versions
Yes
U+2170 / entitiesFull support
Bottom line: Use ⅰ or ⅰ for the Unicode glyph, and \\2170 only inside CSS content. Prefer the letter i for ordinary text.
Remember
Key Takeaways
Unicode: Lowercase Roman Numeral One is U+2170 (decimal 8560).
HTML: use ⅰ or ⅰ when you need an entity.
CSS: use \2170 inside content for generated text.
Default: use ⅰ for roman outlines; type i for ordinary letters.
One line:U+2170 → ⅰ / ⅰ / CSS \2170, or paste ⅰ.
Frequently Asked Questions
Use ⅰ (hex), ⅰ (decimal), or the CSS escape \2170 in the content property. All render ⅰ. You can also paste ⅰ directly when your file is UTF-8.
U+2170 (hex 2170, decimal 8560). It belongs to the Number Forms Unicode block.
No. HTML5 does not define a named entity for ⅰ. Use numeric references like ⅰ or ⅰ.
Use it for outline labels, chapter markers, and typography that needs a true roman numeral glyph. For ordinary text, the letter i is usually enough.
No. The Latin letter i is U+0069. Uppercase roman numeral one is U+2160 (Ⅰ). Lowercase roman numeral one is U+2170 (ⅰ) — a different character.
HTML entities (ⅰ or ⅰ) go in markup. The CSS escape \2170 is used in stylesheets (usually in the content property of ::before/::after). Both render ⅰ.
🤔
Did you know?
Lowercase roman numeral one is Unicode U+2170 (decimal 8560). HTML5 has no named entity for it — use ⅰ or ⅰ. It is a different character from the letter i (U+0069) and from uppercase roman Ⅰ (U+2160).