HTML Entity for Lowercase Roman Numeral One (ⅰ)

Beginner
6 min read
Updated: Sep 2026
1 example
Unicode U+2170

What Is the Lowercase Roman Numeral One Entity?

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.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Direct characterⅰHTML text (UTF-8)
Hex entityⅰHTML markup
Decimal entityⅰHTML markup
CSS escape\2170Stylesheet content
Named entity—Not defined in HTML5

When to use which

SituationUse
Need the roman numeral glyph ⅰType ⅰ, or ⅰ / ⅰ
Generated text via ::before / ::aftercontent: "\2170"
Uppercase roman numeral oneUse Ⅰ (U+2160)
Ordinary letter i (not a numeral)Type i (U+0069)
Looking for &romani; or similarDoes not exist — use numeric form

Live Preview

Lowercase Roman Numeral One rendered in common writing contexts.

Inline text ⅰ. Introduction
Large glyph ⅰ
Outline ⅰ Start   ⅱ Continue   ⅲ Finish
Monospace section ⅰ → overview
With entities Hex: ⅰ | Decimal: ⅰ

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: &#x2170;</p>
  <p>Lowercase Roman One using HTML Code: &#8560;</p>
  <p id="point">Lowercase Roman One using CSS Entity: </p>
  <p>Typed directly: ⅰ</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+2170 → &#x2170; in HTML. The browser turns it into ⅰ.

2. Decimal: same code point as 8560 → &#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. &#x2170; / &#8560; 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 &#8560;, not &#8560.

Lists

CSS list-style

For auto-numbered roman lists, prefer list-style-type: lower-roman instead of hard-coding ⅰ.

Browser Support

Lowercase Roman Numeral One (U+2170) and its numeric entity forms (&#x2170;, &#8560;, 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 Chrome Supported
Yes
Microsoft Edge Supported
Yes
Mozilla Firefox Supported
Yes
Apple Safari Supported
Yes
Opera Supported
Yes
Internet Explorer All versions
Yes
U+2170 / entities Full support

Bottom line: Use &#x2170; or &#8560; for the Unicode glyph, and \\2170 only inside CSS content. Prefer the letter i for ordinary text.

Key Takeaways

  • Unicode: Lowercase Roman Numeral One is U+2170 (decimal 8560).
  • HTML: use &#x2170; or &#8560; 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 → &#x2170; / &#8560; / CSS \2170, or paste ⅰ.

Frequently Asked Questions

Use &#x2170; (hex), &#8560; (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 &#x2170; or &#8560;.
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 (&#8560; or &#x2170;) 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 &#x2170; or &#8560;. It is a different character from the letter i (U+0069) and from uppercase roman Ⅰ (U+2160).

Next: 1 Roman (Ⅰ)

Learn the HTML entity for uppercase roman numeral one (Ⅰ) — a different character from ⅰ.

1 Roman 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.

8 people found this page helpful