HTML Entity for Uppercase I Grave (Ì)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+00CC

What You'll Learn

How to display the uppercase I with grave accent (Ì) in HTML using named entity, hexadecimal, decimal, and CSS escape methods. The grave accent slopes downward from left to right. This character is U+00CC in the Latin-1 Supplement block and appears in Italian, French, and other languages.

Render it with Ì, Ì, Ì, or CSS escape \CC. The named entity Ì is often the most readable option in HTML source.

⚡ Quick Reference — Uppercase I Grave Entity

Unicode U+00CC

Latin-1 Supplement

Hex Code Ì

Hexadecimal reference

HTML Code Ì

Decimal reference

Named Entity Ì

Most readable option

Reference Table
Name           Value
────────────   ──────────
Unicode        U+00CC
Hex code       Ì
HTML code      Ì
Named entity   Ì
CSS code       \CC
Meaning        Latin capital letter I with grave
Related        U+00EC = ì (lowercase)
Block          Latin-1 Supplement (U+0080–U+00FF)
1

Complete HTML Example

A simple example showing the uppercase I grave (Ì) using hexadecimal code, decimal HTML code, the named entity, and a CSS content escape:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\CC";
  }
 </style>
</head>
<body>
<p>Symbol (hex): &#xCC;</p>
<p>Symbol (decimal): &#204;</p>
<p>Symbol (named): &Igrave;</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

The uppercase I grave (Ì) and the named entity &Igrave; are universally supported in modern browsers:

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

👀 Live Preview

See the uppercase I grave (Ì) in language and content contexts:

Large glyphÌ
Grave accentÌ marks a grave (`) over I
Case pairÌ (uppercase) / ì (lowercase, &igrave;)
Named entity&Igrave; renders as Ì
Not the same asÍ (acute)  |  Ȉ (double grave)
Numeric refs&#xCC; &#204; &Igrave; \CC

🧠 How It Works

1

Hexadecimal Code

&#xCC; uses the Unicode hexadecimal value CC to display the character. The x prefix indicates hexadecimal format.

HTML markup
2

Decimal HTML Code

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

HTML markup
3

Named Entity

&Igrave; is the standard named entity for Ì—readable in source HTML and part of the HTML Latin-1 entity set.

HTML markup
4

CSS Entity

\CC 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+00CC sits in Latin-1 Supplement. Lowercase equivalent: U+00EC (&igrave;). Do not confuse with Í (acute), Ȉ (double grave), or plain I (U+0049).

Use Cases

The uppercase I grave (Ì) is commonly used in:

🇮🇹 Italian content

Websites and documents requiring proper Italian spelling with grave accents on capital I.

🇫🇷 French content

French-language sites, educational materials, and proper names with grave-accented I.

📝 Proper names

Personal and place names containing Ì when capitalized.

📄 Academic publishing

Scholarly papers and linguistic documentation discussing Italian or French text.

🌐 Multilingual websites

Internationalized sites serving Italian- or French-speaking audiences.

📚 Language learning

Courses and dictionaries teaching grave-accented letters in Romance languages.

🔍 Search & SEO

Correct rendering so users can find content with proper diacritic spelling.

💡 Best Practices

Do

  • Use &Igrave; in HTML when possible for readability
  • Serve pages as UTF-8; you can also type Ì directly in UTF-8 source
  • Set lang attributes (e.g. lang="it" or lang="fr") for correct pronunciation
  • Use fonts that support Latin-1 Supplement characters
  • Distinguish Ì (grave) from Í (acute) and Ȉ (double grave)

Don’t

  • Substitute plain I when Ì is required for correct spelling
  • Confuse Ì (grave) with Í (acute)—meaning can change in some languages
  • Put CSS escape \CC in HTML text nodes
  • Use padded Unicode notation like U+000CC—the correct value is U+00CC
  • Use \000CC in CSS—the correct escape is \CC

Key Takeaways

1

Four references render Ì; named entity is most readable

&#xCC; &#204; &Igrave;
2

For CSS stylesheets, use the escape in the content property

\CC
3

Unicode U+00CC — LATIN CAPITAL LETTER I WITH GRAVE

4

Essential for Italian, French, and multilingual i18n content

❓ Frequently Asked Questions

Use &Igrave; (named), &#xCC; (hex), &#204; (decimal), or \CC in CSS content. The named entity &Igrave; is the most readable for HTML content.
U+00CC (LATIN CAPITAL LETTER I WITH GRAVE). Latin-1 Supplement block. Hex CC, decimal 204. Used in Italian, French, and other languages.
When writing Italian and French text, proper names, academic papers, multilingual websites, language learning materials, and any content requiring the I with grave accent.
HTML code (&#204; or &#xCC;) or the named entity &Igrave; is used in HTML content. The CSS entity (\CC) is used in CSS, e.g. in the content property of pseudo-elements. Both produce Ì but in different contexts.
Primarily Italian and French. The grave accent indicates specific pronunciation features and can distinguish words. In Italian it appears in words like più when capitalized; in French it is used in certain words and proper names. Do not confuse with acute Í or double grave Ȉ.

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.

8 people found this page helpful