HTML Entity for Uppercase I Breve (Ĭ)

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+012C

HTML Entity for uppercase I breve (U+012C) tutorial illustration

Definition

What Is Uppercase I Breve?

Uppercase I breve (Ĭ) is the Unicode character at U+012C in Latin Extended-A. Official name: LATIN CAPITAL LETTER I WITH BREVE — a capital I with a short curved breve mark (˘), used in linguistics and some transliteration systems.

Remember

Character     Ĭ
Unicode       U+012C
Named entity  &Ibreve;  (capital I)
Hex entity    &#x12C;
Decimal       &#300;
CSS escape    \012C
Not the same  ĭ · Î · Ǐ

Prefer &Ibreve; in HTML markup — the capital I in the name matters. Numeric forms and typing Ĭ in UTF-8 also work. For the lowercase letter, use &ibreve; (ĭ).

Reference

Quick Reference

One table for every form you will actually use.

Form	Code	Where it goes
Named entity	`&Ibreve;`	HTML markup (preferred)
Direct character	`Ĭ`	HTML text (UTF-8)
Hex entity	`Ĭ`	HTML markup
Decimal entity	`Ĭ`	HTML markup
CSS escape	`\012C`	Stylesheet `content`
Lowercase (related)	ĭ (U+012D)	Named `&ibreve;`

When to Use Which

Situation	Use
Capital I with breve (Ĭ)	`&Ibreve;` or type `Ĭ`
Lowercase i with breve (ĭ)	ĭ (`&ibreve;`)
Capital I with circumflex (Î)	Î (`Î`)
Capital I with caron (Ǐ)	Ǐ (`Ǐ`)
Capital I with acute (Í)	Í (`Í`)
Generated text via `::before` / `::after`	`content: "\012C"`

See it

Live Preview

Uppercase I breve rendered alone and next to related letters.

Large glyph Ĭ

Notation Case pair: Ĭ / ĭ

Compared Ĭ | ĭ | Î

Hint Compare: Breve Ĭ | Lower ĭ | Circumflex Î | Caron Ǐ

With entities Named: &Ibreve; | Hex: Ĭ | Decimal: Ĭ

Code

Complete HTML Example

One page that shows the letter with named, hex, decimal, CSS escape, and a typed character. Use View Output or open the live editor.

Named + Hex + Decimal + CSS + Typed

Five ways to produce Ĭ, plus the lowercase pair for comparison.

html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Uppercase I Breve (Ĭ)</title>
  <style>
    #point::after {
      content: "\012C";
    }
  </style>
</head>
<body>
  <p>Using Named Entity: &Ibreve;</p>
  <p>Using Hex Code: &#x12C;</p>
  <p>Using HTML Code: &#300;</p>
  <p id="point">Using CSS Entity: </p>
  <p>Typed directly: Ĭ</p>
  <p>Case pair: &Ibreve; / &ibreve;</p>
</body>
</html>

Try It Yourself

How It Works

1. Named: &Ibreve; (capital I) is the clearest HTML form for U+012C. Lowercase &ibreve; is a different character (ĭ).

2. Hex: U+012C → Ĭ in HTML. Same glyph as the named entity.

3. Decimal: same code point as 300 → Ĭ. Same glyph as hex and named.

4. CSS: use \012C in content (not an HTML entity). #point::after appends that Ĭ after the paragraph text.

5. Typed / pair: paste Ĭ in UTF-8, or show both cases with &Ibreve; / &ibreve;.

Pitfalls & Tips

Common mistakes when working with U+012C.

Case

&Ibreve; ≠ &ibreve;

&Ibreve; → Ĭ (capital). &ibreve; → ĭ (lowercase). Entity names are case-sensitive.

vs Î

Not a circumflex

Î (Î) has a ˆ mark. The breve is a short curve (˘) — do not swap them.

vs Ǐ

Not a caron

Ǐ has a háček (∨ shape). Breve and caron look different and are different code points.

Encoding

Keep UTF-8 declared

Latin Extended-A letters display reliably with <meta charset="UTF-8">. Prefer named entities when the source file encoding is uncertain.

CSS vs HTML

Do not mix escapes

\012C belongs in CSS strings. &Ibreve; / Ĭ / Ĭ belong in HTML.

Fonts

Check Extended-A coverage

Most modern fonts include U+012C. If a legacy UI font omits it, fall back to a stack with Latin Extended-A support.

Compatibility

Browser Support

Uppercase I breve (U+012C) and its entity forms (&Ibreve;, Ĭ, Ĭ, CSS \\012C) are supported in all mainstream browsers. Latin Extended-A glyphs are widely available in system fonts.

✓ Universal support

Uppercase I Breve (Ĭ)

Encode with named, hex, decimal, CSS escape, or type the character — same code point everywhere encoding is supported.

100% Browser coverage

Google Chrome Supported

Yes

Microsoft Edge Supported

Yes

Mozilla Firefox Supported

Yes

Apple Safari Supported

Yes

Opera Supported

Yes

Internet Explorer All versions

Yes

U+012C / &Ibreve; Full support

Bottom line: Prefer &Ibreve; (capital I) in HTML. Use \\012C only inside CSS content. Do not confuse with &ibreve; (ĭ), circumflex Î, or caron Ǐ.

Remember

Key Takeaways

Unicode: uppercase I breve is U+012C (decimal 300) — glyph Ĭ.
HTML: prefer &Ibreve; (capital I) — also Ĭ / Ĭ.
CSS: use \012C inside content for generated text.
Meaning: Ĭ is capital breve — not ĭ (&ibreve;), not Î (circumflex), not Ǐ (caron).

One line: U+012C → &Ibreve; / Ĭ / Ĭ / CSS \012C.

Frequently Asked Questions

How do I display Ĭ in HTML?

Use &Ibreve; (named), Ĭ (hex), Ĭ (decimal), type Ĭ directly in UTF-8, or the CSS escape \012C in content. Prefer &Ibreve; in normal HTML.

What is the Unicode value for uppercase I breve?

U+012C (LATIN CAPITAL LETTER I WITH BREVE). Hex 12C, decimal 300. It belongs to Latin Extended-A (U+0100–U+017F).

Is there a named HTML entity for U+012C?

Yes. Use &Ibreve; (capital I). Numeric forms Ĭ and Ĭ also work. Note: &ibreve; (lowercase) is a different letter (ĭ).

Is Ĭ the same as Î or Ǐ?

No. Ĭ is U+012C (&Ibreve;, breve — a short curved mark). Î is U+00CE (Î, circumflex). Ǐ is U+01CF (caron / háček, no named entity).

When should I use &Ibreve;?

Use it for linguistic notation, transliteration, or orthographies that need Ĭ — not as a substitute for French Î or caron Ǐ.

What is the difference between HTML code and CSS entity for U+012C?

HTML entities (&Ibreve;, Ĭ, or Ĭ) go in markup. The CSS escape \012C goes in stylesheet strings (usually content on ::before/::after).

Did you know?

Uppercase I breve is Unicode U+012C (decimal 300) — glyph Ĭ in Latin Extended-A (U+0100–U+017F). HTML5 names it &Ibreve; (capital I). Official name: LATIN CAPITAL LETTER I WITH BREVE. Lowercase is &ibreve; (ĭ, U+012D). Used in linguistic notation and some transliteration systems. Do not confuse with circumflex Î (Î) or caron Ǐ (U+01CF).

Next: Uppercase I Caron

Learn the HTML entity for uppercase I with caron (U+01CF).

Continue tutorial →

About the author

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 | Uppercase I Black Letter Capital HTML Entity | Uppercase I Caron