HTML Entity for Uppercase I Macron (Ī)

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

What You'll Learn

How to display the uppercase I with macron (Ī) in HTML using named entity, hexadecimal, decimal, and CSS escape methods. The macron (horizontal bar) indicates a long vowel and is used in Latvian, Latin language texts, and phonetic notation. It is U+012A in the Latin Extended-A block.

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

⚡ Quick Reference — Uppercase I Macron Entity

Unicode U+012A

Latin Extended-A

Hex Code Ī

Hexadecimal reference

HTML Code Ī

Decimal reference

Named Entity Ī

Most readable option

Reference Table
Name           Value
────────────   ──────────
Unicode        U+012A
Hex code       Ī
HTML code      Ī
Named entity   Ī
CSS code       \12A
Meaning        Latin capital letter I with macron
Related        U+012B = ī (lowercase)
Block          Latin Extended-A (U+0100–U+017F)
1

Complete HTML Example

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

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\12A";
  }
 </style>
</head>
<body>
<p>Symbol (hex): &#x12A;</p>
<p>Symbol (decimal): &#298;</p>
<p>Symbol (named): &Imacr;</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

The uppercase I macron (Ī) and the named entity &Imacr; are widely supported in modern browsers when UTF-8 is used:

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

👀 Live Preview

See the uppercase I macron (Ī) in language and content contexts:

Large glyphĪ
Macron accentĪ marks a macron (¯) over I for a long vowel
Case pairĪ (uppercase) / ī (lowercase, &imacr;)
Named entity&Imacr; renders as Ī
Not the same asI (plain)  |  ɪ (IPA small capital I)
Numeric refs&#x12A; &#298; &Imacr; \12A

🧠 How It Works

1

Hexadecimal Code

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

HTML markup
2

Decimal HTML Code

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

HTML markup
3

Named Entity

&Imacr; is the standard named entity for Ī—readable in source HTML and part of the HTML5 entity set.

HTML markup
4

CSS Entity

\12A 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+012A sits in Latin Extended-A. Lowercase equivalent: U+012B (&imacr;). Do not confuse with plain I (U+0049) or IPA ɪ (U+026A).

✅

Use Cases

The uppercase I macron (Ī) is commonly used in:

🇮🇻 Latvian content

Websites and documents requiring proper Latvian spelling with macron vowels on capital I.

📚 Latin texts

Classical Latin and academic materials marking long vowel sounds with macron.

📝 Proper names

Personal and place names containing Ī when capitalized.

📄 Academic publishing

Scholarly papers, linguistic documentation, and phonetic transcriptions.

🌐 Multilingual websites

Internationalized sites serving Latvian-speaking audiences and other macron-using languages.

📚 Language learning

Courses and dictionaries teaching long-vowel notation with macron diacritics.

🔍 Search & SEO

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

💡 Best Practices

Do

  • Use &Imacr; 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="lv") for correct pronunciation
  • Use fonts that support Latin Extended-A characters
  • Distinguish Ī (macron) from plain I and IPA ɪ

Don’t

  • Substitute plain I when Ī is required for correct spelling
  • Confuse Ī (macron) with ɪ (IPA small capital I)
  • Put CSS escape \12A in HTML text nodes
  • Use padded Unicode notation like U+0012A—the correct value is U+012A
  • Use \0012A in CSS—the correct escape is \12A

Key Takeaways

1

Four references render Ī; named entity is most readable

&#x12A; &#298; &Imacr;
2

For CSS stylesheets, use the escape in the content property

\12A
3

Unicode U+012A — LATIN CAPITAL LETTER I WITH MACRON

4

Essential for Latvian, Latin, phonetic notation, and multilingual i18n content

5

Previous: Uppercase I Latin (ɪ)   Next: Uppercase I Ogonek

❓ Frequently Asked Questions

Use &Imacr; (named), &#x12A; (hex), &#298; (decimal), or \12A in CSS content. The named entity &Imacr; is the most readable for HTML content.
U+012A (LATIN CAPITAL LETTER I WITH MACRON). Latin Extended-A block. Hex 12A, decimal 298. Used in Latvian, Latin, and phonetic notation for long vowel sounds.
When writing Latvian text, Latin (long vowels), proper names, phonetic representations, academic papers, multilingual websites, language learning materials, and any content requiring the long-vowel I.
HTML code (&#298; or &#x12A;) or the named entity &Imacr; is used in HTML content. The CSS entity (\12A) is used in CSS, e.g. in the content property of pseudo-elements. Both produce Ī but in different contexts.
A macron is a horizontal diacritical mark placed above a letter to indicate a long vowel sound. The uppercase I macron (Ī) represents a long “I” sound. It is used in Latvian, Latin, transliterations, and phonetic transcriptions to distinguish short and long vowels, which can change word meaning in some languages.

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 Latin (ɪ) Uppercase I Ogonek