HTML Entity for Lowercase Roman Numeral One (ⅰ)

Beginner
⏱️ 5 min read
📚 Updated: Aug 2025
🎯 1 Code Example
Unicode U+2170
HTML Entity for lowercase roman numeral one (ⅰ) tutorial illustration

What You'll Learn

How to display Lowercase Roman Numeral One (ⅰ) in HTML using Unicode entity methods: hex, decimal, and a CSS escape. This character is part of the Number Forms block and is useful for outlines, hierarchical lists, and typographic numbering.

The character is referenced as Unicode U+2170.

⚡ Quick Reference — Lowercase Roman Numeral One (ⅰ)

Unicode U+2170

Number Forms block

Hex Code ⅰ

Hexadecimal reference

HTML Code ⅰ

Decimal reference

Named Entity —

No named entity available

Reference Table
Name           Value
────────────   ──────────
Unicode        U+2170
Hex code       ⅰ
HTML code      ⅰ
Named entity   —
CSS code       \2170
1

Complete HTML Example

This example renders ⅰ using the hex entity, decimal entity, and a CSS escape on a pseudo-element:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\2170";
  }
 </style>
</head>
<body>

<p>Lowercase Roman One using Hexa Decimal: &#x2170;</p>
<p>Lowercase Roman One using HTML Code: &#8560;</p>
<p id="point">Lowercase Roman One using CSS Entity: </p>

</body>
</html>
Try It Yourself

🌐 Browser Support

This Unicode character (ⅰ) and its numeric entities are supported in modern browsers (rendering can vary slightly by font):

Chrome 1+
Firefox 1+
Safari 1+
Edge 12+
Opera 4+
Android 4.4+
iOS Safari 1+

👀 Live Preview

See ⅰ used in a few common numbering patterns:

Outline label ⅰ. Introduction
Large glyph ⅰ
Inline in text Front matter pages: ⅰ, ⅱ, ⅲ
Monospace ⅰ -> level 1
With entities Hex: ⅰ | Decimal: ⅰ

🧠 How It Works

1

Hexadecimal Code

&#x2170; uses the Unicode hexadecimal value 2170 to display ⅰ.

HTML markup
2

Decimal HTML Code

&#8560; uses the decimal Unicode value 8560 for the same character.

HTML markup
3

CSS Entity

\2170 is a CSS escape typically used in the content property of pseudo-elements.

CSS stylesheet
=

Same visual result

All methods render ⅰ. Unicode U+2170 is in the Number Forms block.

✅

Use Cases

Lowercase Roman Numeral One (ⅰ) is commonly used in:

📋 Outlines

Hierarchical numbering like ⅰ, ⅱ, ⅲ in outlines.

📌 Lists

Secondary list numbering in articles and documentation.

📚 Academic Content

Preface numbering, appendices, and citation styles.

📑 Figures & Tables

Numbering like “Fig. ⅰ” when style requires lowercase.

🎨 Typography

Roman numeral styling in headings and captions.

⚖️ Legal / Book Numbering

Front matter page numbering (ⅰ, ⅱ, ⅲ) and conventions.

💡 Best Practices

Do

  • Use &#x2170; or &#8560; consistently across a page
  • Verify font support for the Number Forms block on your target devices
  • Use semantic structure (<ol>, headings) for real lists/outlines and treat ⅰ as a stylistic glyph
  • Ensure ⅰ is distinguishable from the letter “i” in your chosen font

Don’t

  • Assume there is a named entity for ⅰ (there isn’t)
  • Mix CSS escapes into HTML content (use them in stylesheets only)
  • Use roman numeral glyphs where plain digits are clearer
  • Rely on one font without fallbacks for Number Forms characters

Key Takeaways

1

ⅰ is Unicode U+2170 (Number Forms)

U+2170 &#x2170; &#8560;
2

Use CSS escape for generated content in content

\2170
3

There is no named HTML entity for ⅰ

4

Font choice matters—make sure ⅰ isn’t confused with “i”

❓ Frequently Asked Questions

Use &#x2170; (hex), &#8560; (decimal), or \2170 in CSS content. All render ⅰ.
U+2170 (hex 2170, decimal 8560) in the Number Forms block.
No. Use numeric references like &#x2170; or &#8560;.
Some fonts draw roman numeral glyphs similarly to letters. If clarity matters, choose a font with distinct Number Forms, or use CSS list styles / plain text numbering.
For real lists, CSS list-style-type: lower-roman keeps semantics and scales automatically. Use ⅰ when you need the specific Unicode glyph in inline text or UI labels.

Explore More HTML Entities!

Discover 1500+ HTML character references — currency symbols, arrows, math operators, emojis, and more.

All HTML Entities →

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.

AWS Certified Developer – Associate (Credly)

8 people found this page helpful

HTML Entity | 1 Dingbat Negative Circled Sans Serif HTML Entity | 1 Roman