HTML Entity for Uppercase I Breve (Ĭ)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+012C
HTML Entity for Uppercase I Breve tutorial illustration

What You'll Learn

How to display the uppercase I with breve (Ĭ) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+012C in the Latin Extended-A block and marks a short vowel in phonetic transcription and linguistic notation.

Render it with Ĭ, Ĭ, or CSS escape \012C. There is no named HTML entity. In UTF-8 you can also type Ĭ directly in source.

⚡ Quick Reference — Uppercase I Breve Entity

Unicode U+012C

Latin Extended-A

Hex Code Ĭ

Hexadecimal reference

HTML Code Ĭ

Decimal reference

Named Entity —

Use numeric codes only

Reference Table
Name           Value
────────────   ──────────
Unicode        U+012C
Hex code       Ĭ
HTML code      Ĭ
Named entity   (none)
CSS code       \012C
Meaning        Latin capital letter I with breve
Related        U+012D = ĭ (lowercase)
Block          Latin Extended-A (U+0100–U+017F)
1

Complete HTML Example

This example demonstrates the uppercase I breve (Ĭ) using hexadecimal code, decimal HTML code, and a CSS content escape. There is no named HTML entity for this character:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\012C";
  }
 </style>
</head>
<body>
<p>Symbol (hex): &#x12C;</p>
<p>Symbol (decimal): &#300;</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

The uppercase I breve (Ĭ) numeric references and CSS escape are supported in modern browsers:

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

👀 Live Preview

See the uppercase I breve (Ĭ) in linguistic and content contexts:

Large glyphĬ
PhoneticShort vowel: Ĭ marks a breve (˘) over I
Case pairĬ (uppercase) / ĭ (lowercase)
Numeric refs&#x12C; &#300; \012C
No named entityUse hex or decimal only

🧠 How It Works

1

Hexadecimal Code

&#x12C; uses the Unicode hexadecimal value 12C to display the character. The x prefix indicates hexadecimal format.

HTML markup
2

Decimal HTML Code

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

HTML markup
3

CSS Entity

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

CSS stylesheet
=

Same visual result

All three methods produce the glyph: Ĭ. Unicode U+012C sits in Latin Extended-A. Lowercase equivalent: U+012D (ĭ). No named HTML entity—use numeric codes in markup. Do not confuse with plain I (U+0049), acute &Iacute; (Í), or caron Ǐ (U+01CF).

✅

Use Cases

The uppercase I breve (Ĭ) is commonly used in:

🔤 Phonetic transcription

IPA-style notation and pronunciation guides marking a short vowel with breve.

📄 Academic publishing

Scholarly papers, research publications, and language atlases using specialized diacritics.

📖 Language documentation

Dictionaries, transliteration guides, and linguistic reference materials.

📚 Language learning

Courses and textbooks explaining breve diacritics on vowels.

🎨 Typography

Font design, character set documentation, and typographic projects with extended Latin.

🌐 Internationalization

Content requiring correct rendering of Latin Extended-A characters.

⚙ Character references

Unicode guides, encoding documentation, and technical references for special characters.

💡 Best Practices

Do

  • Use &#x12C; or &#300; for readable HTML markup
  • Serve pages as UTF-8; you can also type Ĭ directly in UTF-8 source
  • Use fonts that support Latin Extended-A (U+0100–U+017F)
  • Distinguish Ĭ (breve) from Í (acute) and Ǐ (caron)
  • Link to the lowercase pair ĭ (U+012D) when documenting both forms

Don’t

  • Substitute plain I when Ĭ is required for correct notation
  • Expect a named entity—none exists for U+012C
  • Confuse breve Ĭ with acute Í or caron Ǐ
  • Put CSS escape \012C in HTML text nodes
  • Use padded Unicode notation like U+0012C—the correct value is U+012C
  • Use \0012C in CSS—the correct escape is \012C

Key Takeaways

1

Two HTML numeric references plus CSS render Ĭ

&#x12C; &#300;
2

For CSS stylesheets, use the escape in the content property

\012C
3

Unicode U+012C — LATIN CAPITAL LETTER I WITH BREVE

4

Used in phonetic transcription, linguistics, and academic content

5

Three methods, no named HTML entity

❓ Frequently Asked Questions

Use &#x12C; (hex), &#300; (decimal), or \012C in CSS content. There is no named entity.
U+012C (LATIN CAPITAL LETTER I WITH BREVE). Latin Extended-A block. Hex 12C, decimal 300. Used in phonetic transcription and linguistic notation.
When writing phonetic transcriptions, linguistic documentation, academic papers, language learning materials, and any content requiring the I with breve diacritic.
HTML references (&#300; or &#x12C;) go in HTML content. The CSS escape (\012C) is used in CSS, e.g. in the content property of pseudo-elements. Both produce Ĭ but in different contexts.
Named entities cover a subset of common characters. U+012C has no named entity—use &#x12C; or &#300; in markup, or \012C in CSS. Related breve letters like &Ubreve; (Ŭ) do have named entities.

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

Uppercase I Black Letter Capital Uppercase I Caron