Lowercase i with caron (ǐ) is the Latin Extended-B character at Unicode U+01D0 (LATIN SMALL LETTER I WITH CARON). The caron (ˇ) sits above the letter. In Pinyin it marks the third tone. HTML5 also defines the named entity &icaron;.
Remember
Character ǐ
Unicode U+01D0
Named entity &icaron;
Hex entity ǐ
Decimal ǐ
CSS escape \01D0
All of these produce the same glyph: ǐ. Prefer &icaron; or a pasted ǐ in UTF-8 pages; use numeric or CSS forms when you need them.
Reference
Quick Reference
One table for every form you will actually use.
Form
Code
Where it goes
Direct character
ǐ
HTML text (UTF-8 default)
Named entity
&icaron;
HTML markup (readable choice)
Hex entity
ǐ
HTML markup
Decimal entity
ǐ
HTML markup
CSS escape
\01D0
Stylesheet content
When to Use Which
Situation
Use
Pinyin / transliteration UTF-8 text
Type or paste ǐ
Readable entity in HTML source
&icaron;
Numeric entity required
ǐ or ǐ
Generated text via ::before / ::after
content: "\01D0"
Plain i or i with breve (ĭ)
Different characters — see Related Topics
See it
Live Preview
Lowercase i with caron rendered in common contexts.
Inline textPinyin: nǐ hǎo
Large glyphǐ
Case pairǏ ǐ
With entitiesNamed: &icaron; | Hex: ǐ | Decimal: ǐ
Not the samei (U+0069) · ĭ (&ibreve;)
Code
Complete HTML Example
One page that shows lowercase i with caron with named, hex, decimal, and CSS forms. Use View Output or open the live editor.
Named + Hex + Decimal + CSS
Four ways to produce ǐ in a single document.
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Lowercase I Caron (ǐ) in HTML</title>
<style>
#point::after {
content: "\01D0";
}
</style>
</head>
<body>
<p>I Caron using Named Entity: &icaron;</p>
<p>I Caron using Hex Code: ǐ</p>
<p>I Caron using HTML Code: ǐ</p>
<p id="point">I Caron using CSS Entity: </p>
</body>
</html>
I Caron using Named Entity: ǐ
I Caron using Hex Code: ǐ
I Caron using HTML Code: ǐ
I Caron using CSS Entity: ǐ
How It Works
1. Named:&icaron; is the HTML5 named entity for U+01D0. Clearest form in HTML source.
2. Hex:U+01D0 → ǐ in HTML. Same glyph as named.
3. Decimal: same code point as 464 → ǐ. Same result.
4. CSS: use \01D0 in content (not an HTML entity). #point::after appends that ǐ after the paragraph text.
Pitfalls & Tips
Common mistakes when working with the i caron entity.
Named
Prefer &icaron;
HTML5 defines a named entity for this letter — use it for readable HTML.
CSS vs HTML
Do not mix escapes
\01D0 belongs in CSS. &icaron; / ǐ / ǐ belong in HTML.
Look-alikes
Not i or ĭ
Plain i is U+0069; i breve ĭ is U+012D. Caron is a different diacritic.
Case
ǐ vs Ǐ
Uppercase is U+01CF (&Icaron;) — a different code point from U+01D0.
Semicolon
End references
Always finish with ; — write &icaron;, not &icaron.
UTF-8
Declare charset
If you paste ǐ directly, serve the page as UTF-8 with <meta charset="UTF-8">.
Compatibility
Browser Support
Lowercase i with caron (U+01D0) and its entity forms (&icaron;, ǐ, ǐ, CSS \\01D0) are supported in all mainstream browsers.
✓ Universal support
Lowercase I Caron (ǐ)
Use &icaron;, paste ǐ, or encode with hex, decimal, or CSS escape — same glyph everywhere.
100%Browser coverage
Google ChromeSupported
Yes
Microsoft EdgeSupported
Yes
Mozilla FirefoxSupported
Yes
Apple SafariSupported
Yes
OperaSupported
Yes
Internet ExplorerAll versions
Yes
U+01D0 / entitiesFull support
Bottom line: Prefer &icaron; or a pasted ǐ in UTF-8 text. Use ǐ / ǐ when a numeric form is required, and \\01D0 only inside CSS content.
Remember
Key Takeaways
Unicode: i with caron is U+01D0 (decimal 464), Latin Extended-B.
HTML: prefer &icaron;, or use ǐ / ǐ.
CSS: use \01D0 inside content for generated text.
Use: Pinyin third tone — not the same as plain i or ĭ.
One line:U+01D0 → &icaron;, or ǐ / ǐ / CSS \01D0.
Frequently Asked Questions
Use &icaron; (named), ǐ (hex), ǐ (decimal), or the CSS escape \01D0 in the content property. All render ǐ. In UTF-8 files you can also type or paste ǐ directly.
U+01D0 (LATIN SMALL LETTER I WITH CARON). Hex 01D0, decimal 464. It belongs to the Latin Extended-B block and is used for Pinyin third tone and other transliteration systems.
Yes. HTML5 defines &icaron; for this character. You can also use numeric references ǐ or ǐ.
Use it for Pinyin tone marks, transliteration, linguistic examples, CSS-generated content, or when encoding must be explicit. Prefer &icaron; when you want a readable named form in HTML source.
HTML entities (&icaron;, ǐ, or ǐ) go in markup. The CSS escape \01D0 is used in stylesheets (usually in the content property of ::before/::after). Both render ǐ.
Plain i is U+0069. I with breve ĭ is U+012D (&ibreve;). I with caron ǐ is U+01D0 — a different diacritic (háček / inverted circumflex), used for Pinyin third tone. Do not substitute one for another.
🤔
Did you know?
Lowercase i with caron (ǐ) is Unicode U+01D0 (decimal 464) in Latin Extended-B. HTML5 defines the named entity &icaron; — also usable as ǐ or ǐ. In Pinyin it marks the third tone.
