Lowercase i with breve (ĭ) is the Latin Extended-A character at Unicode U+012D (LATIN SMALL LETTER I WITH BREVE). The breve (˘) is a cup-shaped mark that often signals a short vowel. HTML5 also defines the named entity &ibreve;.
Remember
Character ĭ
Unicode U+012D
Named entity &ibreve;
Hex entity ĭ
Decimal ĭ
CSS escape \012D
All of these produce the same glyph: ĭ. Prefer &ibreve; 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
&ibreve;
HTML markup (readable choice)
Hex entity
ĭ
HTML markup
Decimal entity
ĭ
HTML markup
CSS escape
\012D
Stylesheet content
When to Use Which
Situation
Use
Phonetic / linguistics UTF-8 text
Type or paste ĭ
Readable entity in HTML source
&ibreve;
Numeric entity required
ĭ or ĭ
Generated text via ::before / ::after
content: "\012D"
Plain i or i with acute (í)
Different characters — see Related Topics
See it
Live Preview
Lowercase i with breve rendered in common contexts.
Inline textShort vowel marked as ĭ.
Large glyphĭ
Case pairĬ ĭ
With entitiesNamed: &ibreve; | Hex: ĭ | Decimal: ĭ
Not the samei (U+0069) · í (í)
Code
Complete HTML Example
One page that shows lowercase i with breve 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 Breve (ĭ) in HTML</title>
<style>
#point::after {
content: "\012D";
}
</style>
</head>
<body>
<p>I Breve using Named Entity: &ibreve;</p>
<p>I Breve using Hex Code: ĭ</p>
<p>I Breve using HTML Code: ĭ</p>
<p id="point">I Breve using CSS Entity: </p>
</body>
</html>
I Breve using Named Entity: ĭ
I Breve using Hex Code: ĭ
I Breve using HTML Code: ĭ
I Breve using CSS Entity: ĭ
How It Works
1. Named:&ibreve; is the HTML5 named entity for U+012D. Clearest form in HTML source.
2. Hex:U+012D → ĭ in HTML. Same glyph as named.
3. Decimal: same code point as 301 → ĭ. Same result.
4. CSS: use \012D in content (not an HTML entity). #point::after appends that ĭ after the paragraph text.
Pitfalls & Tips
Common mistakes when working with the i breve entity.
Named
Prefer &ibreve;
HTML5 defines a named entity for this letter — use it for readable HTML.
CSS vs HTML
Do not mix escapes
\012D belongs in CSS. &ibreve; / ĭ / ĭ belong in HTML.
Look-alikes
Not i or í
Plain i is U+0069; i acute í is U+00ED. Breve is a different diacritic.
Case
ĭ vs Ĭ
Uppercase is U+012C (&Ibreve;) — a different code point from U+012D.
Semicolon
End references
Always finish with ; — write &ibreve;, not &ibreve.
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 breve (U+012D) and its entity forms (&ibreve;, ĭ, ĭ, CSS \\012D) are supported in all mainstream browsers.
✓ Universal support
Lowercase I Breve (ĭ)
Use &ibreve;, 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+012D / entitiesFull support
Bottom line: Prefer &ibreve; or a pasted ĭ in UTF-8 text. Use ĭ / ĭ when a numeric form is required, and \\012D only inside CSS content.
Remember
Key Takeaways
Unicode: i with breve is U+012D (decimal 301), Latin Extended-A.
HTML: prefer &ibreve;, or use ĭ / ĭ.
CSS: use \012D inside content for generated text.
Use: phonetic short-vowel mark — not the same as plain i or í.
One line:U+012D → &ibreve;, or ĭ / ĭ / CSS \012D.
Frequently Asked Questions
Use &ibreve; (named), ĭ (hex), ĭ (decimal), or the CSS escape \012D in the content property. All render ĭ. In UTF-8 files you can also type or paste ĭ directly.
U+012D (LATIN SMALL LETTER I WITH BREVE). Hex 012D, decimal 301. It belongs to the Latin Extended-A block and is used in phonetic notation and linguistics.
Yes. HTML5 defines &ibreve; for this character. You can also use numeric references ĭ or ĭ.
Use it for phonetic examples, short-vowel notation, CSS-generated content, or when encoding must be explicit. Prefer &ibreve; when you want a readable named form in HTML source.
HTML entities (&ibreve;, ĭ, or ĭ) go in markup. The CSS escape \012D is used in stylesheets (usually in the content property of ::before/::after). Both render ĭ.
Plain i is U+0069. I with acute í is U+00ED (í). I with breve ĭ is U+012D — a different diacritic (cup-shaped mark, often for short vowels). Do not substitute one for another.
🤔
Did you know?
Lowercase i with breve (ĭ) is Unicode U+012D (decimal 301) in Latin Extended-A. HTML5 defines the named entity &ibreve; — also usable as ĭ or ĭ. The breve often marks a short vowel in phonetic notation.
