HTML Entity for Lowercase I Caron (ǐ)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+01D0
HTML Entity for Lowercase I Caron tutorial illustration

What You'll Learn

How to display the lowercase i with caron (ǐ) in HTML using named entity, hexadecimal, decimal, and CSS escape methods. This character is U+01D0 in the Latin Extended-B block and is widely used in Hanyu Pinyin to represent the third tone on the vowel i, as well as in transliteration and linguistic contexts.

Render it with &icaron;, ǐ, ǐ, or CSS escape \01D0. The named entity &icaron; is often the most readable option in HTML source.

⚡ Quick Reference — Lowercase I Caron Entity

Unicode U+01D0

Latin Extended-B

Hex Code ǐ

Hexadecimal reference

HTML Code ǐ

Decimal reference

Named Entity &icaron;

Most readable option

Reference Table
Name           Value
────────────   ──────────
Unicode        U+01D0
Hex code       ǐ
HTML code      ǐ
Named entity   &icaron;
CSS code       \01D0
Meaning        Latin small letter i with caron
Related        U+01CF = &Icaron; (uppercase)
Block          Latin Extended-B (U+0180–U+024F)
1

Complete HTML Example

A simple example showing the lowercase i caron (ǐ) using hexadecimal code, decimal HTML code, the named entity, and a CSS content escape:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\01D0";
  }
 </style>
</head>
<body>
<p>Symbol (hex): &#x1D0;</p>
<p>Symbol (decimal): &#464;</p>
<p>Symbol (named): &icaron;</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>
Try It Yourself

🌐 Browser Support

The lowercase i caron (ǐ) and the named entity &icaron; are supported in modern browsers:

Chrome1+
Firefox1+
Safari1+
Edge12+
Opera4+
Android4.4+
iOS Safari1+

👀 Live Preview

See the lowercase i caron (ǐ) in language and content contexts:

Large glyphǐ
Pinyinnǐ hǎo (你 好)
Third toneǐ marks the third tone on the vowel i in Hanyu Pinyin
Named entity&icaron; renders as ǐ
Numeric refs&#x1D0; &#464; &icaron; \01D0

🧠 How It Works

1

Hexadecimal Code

&#x1D0; uses the Unicode hexadecimal value 1D0 to display the character. The x prefix indicates hexadecimal format.

HTML markup
2

Decimal HTML Code

&#464; uses the decimal Unicode value 464 to display the same character. A common method for Latin Extended-B characters.

HTML markup
3

Named Entity

&icaron; is the standard named entity for ǐ—readable in source HTML and part of the HTML5 entity set.

HTML markup
4

CSS Entity

\01D0 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.

CSS stylesheet
=

Same visual result

All four methods produce the glyph: ǐ. Unicode U+01D0 sits in Latin Extended-B. Uppercase equivalent: U+01CF (&Icaron;). Do not confuse with plain i (U+0069), acute &iacute; (í), or breve &ibreve; (ĭ).

✅

Use Cases

The lowercase i caron (ǐ) is commonly used in:

🇨🇳 Pinyin tone marks

ǐ is used in Hanyu Pinyin to represent the third tone on the vowel i (e.g. nǐ).

📚 Dictionaries & apps

Pronunciation guides and language-learning content showing tones and accents accurately.

📝 Transliteration

Romanization and transliteration content that relies on caron diacritics.

🔤 Linguistics

Academic writing where diacritics help indicate pronunciation and tone.

⚙ Unicode normalization

Demonstrating Unicode normalization and diacritic handling in text processing.

♿ Accessibility & i18n

Correct diacritics improve clarity for readers and assistive technologies.

🎨 Typography

Latin Extended-B characters and diacritic rendering in fonts and design systems.

💡 Best Practices

Do

  • Use &icaron; in HTML when possible for readability
  • Serve pages as UTF-8; you can also type ǐ directly in UTF-8 source
  • Use fonts that support Latin Extended-B characters
  • Pick one entity style (hex, decimal, or named) per project
  • Distinguish ǐ (caron) from í (acute), ĭ (breve), and plain i

Don’t

  • Substitute plain i when ǐ is required for correct Pinyin
  • Confuse caron ǐ with acute í or breve ĭ
  • Put CSS escape \01D0 in HTML text nodes
  • Assume all fonts render Latin Extended-B glyphs identically
  • Omit UTF-8 encoding on pages with extended Latin characters

Key Takeaways

1

Four references render ǐ; named entity is most readable

&#x1D0; &#464; &icaron;
2

For CSS stylesheets, use the escape in the content property

\01D0
3

Unicode U+01D0 — LATIN SMALL LETTER I WITH CARON

4

Essential for Pinyin third tone, transliteration, and linguistic content

5

Previous: Lowercase I Breve (ĭ)   Next: Lowercase I Circumflex (î)

❓ Frequently Asked Questions

Use &icaron; (named), &#x1D0; (hex), &#464; (decimal), or \01D0 in CSS content. The named entity &icaron; is the most readable for HTML content.
U+01D0 (LATIN SMALL LETTER I WITH CARON). Latin Extended-B block. Hex 1D0, decimal 464. Commonly used in Pinyin for the third tone on i.
Most commonly in Hanyu Pinyin to indicate the third tone on i (e.g. nǐ in nǐ hǎo). It also appears in transliteration systems, dictionaries, and linguistic materials that use caron accents.
HTML code (&#464; or &#x1D0;) or the named entity &icaron; is used in HTML content. The CSS entity (\01D0) is used in CSS, e.g. in the content property of pseudo-elements. Both produce ǐ but in different contexts.
Yes—if your document is UTF-8. Entities are useful when you want a portable, explicit character reference. The named entity &icaron; is often preferred for hand-authored HTML.

Explore More HTML Entities!

Discover 1500+ HTML character references — accented letters, symbols, 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

Lowercase I Breve (ĭ) Lowercase I Circumflex