HTML Entity for Uppercase I Macron (Ī)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+012A
HTML Entity for Uppercase I Macron (U+012A) tutorial illustration
Definition

What Is the Uppercase I Macron Entity?

Uppercase I Macron (Ī) is the Unicode character at U+012A (LATIN CAPITAL LETTER I WITH MACRON) in Latin Extended-A. It marks a long I in Latvian orthography and classical Latin notation.

Remember
Character     Ī
Unicode       U+012A
Hex entity    Ī
Decimal       Ī
Named         Ī
CSS escape    \012A
Official name LATIN CAPITAL LETTER I WITH MACRON
Lowercase     U+012B (ī)

All of these produce the same glyph: Ī. Compare with ordinary Uppercase I (U+0049).

Reference

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Direct characterĪHTML text (UTF-8)
Named entityĪHTML markup — preferred for readability
Hex entityĪHTML markup
Decimal entityĪHTML markup
CSS escape\012AStylesheet content

When to Use Which

SituationUse
Readable multilingual HTMLĪ
Need numeric formĪ or Ī
Generated text via ::before / ::aftercontent: "\012A"
Lowercase i with macronī (U+012B)
Ordinary capital letter IUse I (U+0049)
See it

Live Preview

Capital I with macron in common language contexts.

Large glyph Ī
Case pair Ī / ī
Sample words Īpašums, Īrisa
Compared I Ī ī
With entities Ī → Ī | Hex: Ī
Code

Complete HTML Example

One page that shows this character with hex, decimal, named entity, CSS, and a language sample. Use View Output or open the live editor.

Hex + Decimal + Named + CSS

All common ways to produce Ī in a single document.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Uppercase I Macron</title>
  <style>
    #point::after {
      content: "\012A";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x012A;</p>
  <p>Using HTML Code: &#298;</p>
  <p>Using Named Entity: &Imacr;</p>
  <p id="point">Using CSS Entity: </p>
  <p lang="lv">&Imacr;pa&#x0161;ums, &Imacr;risa</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex / decimal: U+012A → &#x012A; or &#298; in HTML.

2. Named: &Imacr; is the readable HTML5 alias for the same code point.

3. CSS: use \012A in content (not an HTML entity). #point::after appends that glyph after the paragraph text.

4. Language sample: lang="lv" marks Latvian context for assistive tech and hyphenation.

Pitfalls & Tips

Common mistakes when working with this character.

Named

Prefer &Imacr;

The named entity is easier to read than numeric forms. Keep the trailing semicolon.

Look-alikes

Not plain I

U+012A includes the macron. Do not replace it with U+0049 when spelling or length marking requires Ī.

Case

Use the correct case pair

Lowercase is &imacr; (U+012B). Case is case-sensitive in named entities: &Imacr; ≠ &imacr;.

Combining

Prefer the precomposed form

Use U+012A rather than I + combining macron unless you have a specific normalization reason.

CSS vs HTML

Do not mix escapes

\012A belongs in CSS. Named/numeric entities belong in HTML.

Semicolon

End references

Always finish with ; — write &Imacr;, not &Imacr.

Compatibility

Browser Support

Uppercase I Macron / LATIN CAPITAL LETTER I WITH MACRON (U+012A) and its entity forms (&Imacr;, &#x012A;, &#298;, CSS \\012A) are supported in all mainstream browsers. Glyph shape depends on Latin Extended-A font coverage.

✓ Universal support

Uppercase I Macron

Encode with named, hex, decimal, or CSS escape — or paste the character in UTF-8 HTML.

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+012A / entities Full support

Bottom line: Prefer &Imacr; for readable markup; use \\012A only inside CSS content.

Remember

Key Takeaways

  • Unicode: this character is U+012A (decimal 298) — LATIN CAPITAL LETTER I WITH MACRON.
  • HTML: prefer &Imacr;, or use &#x012A; / &#298;.
  • CSS: use \012A inside content for generated text.
  • Watch out: lowercase is &imacr;; U+012A ≠ U+0049 (plain I).

One line: U+012A → &Imacr; / &#x012A; / CSS \012A.

Frequently Asked Questions

Use &Imacr; (named), &#x012A; (hex), &#298; (decimal), or the CSS escape \012A in the content property. All render U+012A. You can also paste the character directly when your file is UTF-8.
U+012A (hex 012A, decimal 298). Unicode names it LATIN CAPITAL LETTER I WITH MACRON. It belongs to Latin Extended-A and is used in Latvian, classical Latin notation, and related orthographies.
Yes. HTML5 defines &Imacr; for the uppercase form. The lowercase form uses &imacr; (U+012B).
U+012A is capital I with a macron (Ī). U+0049 is ordinary capital I. Do not substitute plain I when the macron is required for correct spelling or length marking.
The case pair is U+012B (LATIN SMALL LETTER I WITH MACRON, ī). Use &imacr;, &#x012B;, or &#299;.
HTML entities (&Imacr;, &#298;, or &#x012A;) go in markup. The CSS escape \012A is used in stylesheets (usually in the content property of ::before/::after). Both render the same glyph.

Did you know?

This character is Unicode U+012A (decimal 298) — official name LATIN CAPITAL LETTER I WITH MACRON in Latin Extended-A. HTML5 defines the named entity &Imacr;. Its lowercase pair is U+012B (&imacr;).

Next: Uppercase I Ogonek

Learn the HTML entity for Uppercase I Ogonek — next in this sequence.

Continue tutorial →

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

HTML Entity | Uppercase I Latin HTML Entity | Uppercase I Ogonek