HTML Entity for Lowercase I Latin Macron (ī)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+012B

What Is the Lowercase I Latin Macron Entity?

Lowercase i with macron (ī) is the Unicode character at U+012B in Latin Extended-A. Official name: LATIN SMALL LETTER I WITH MACRON — the letter i with a macron (¯). It marks a long i in Latin and appears in Latvian.

Remember
Character     ī
Unicode       U+012B
Named entity  ī
Hex entity    ī
Decimal       ī
CSS escape    \012B
Capital       Ī (Ī)
Not the same  i (U+0069) · combining i (U+0365)

Prefer ī in HTML. Alternatives: ī, ī, or type ī in a UTF-8 document.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Named entityīHTML markup (preferred)
Hex entityīHTML markup
Decimal entityīHTML markup
Direct characterīHTML text (UTF-8)
CSS escape\012BStylesheet content

When to Use Which

SituationUse
Readable HTML for īī
Latin / Latvian textī (e.g. vīta, fīlius)
Ordinary letter iType i (U+0069) — not ī
Uppercase I with macronĪ — see Uppercase I Macron
Generated text via ::before / ::aftercontent: "\012B"

Live Preview

Glyph alone, in Latin samples, and next to related forms.

Glyph ī
Large glyph ī
Latin sample vīta, fīlius
Compared ī   i   Ī   í
With entities Named: ī | Hex: ī | Decimal: ī

Complete HTML Example

One page that shows ī 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 display ī in HTML and CSS.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Lowercase I Macron (ī) in HTML</title>
  <style>
    #point::after {
      content: "\012B";
    }
  </style>
</head>
<body>
  <p>Built with Named: &imacr;</p>
  <p>Built with Hex: &#x12B;</p>
  <p>Built with Decimal: &#299;</p>
  <p id="point">Built with CSS: </p>
  <p>Typed: ī</p>
  <p lang="la">Latin: v&imacr;ta, f&imacr;lius</p>
</body>
</html>
Try It Yourself

How It Works

1. Named: &imacr; is the HTML5 name for U+012B → ī. Prefer this in markup.

2. Hex: &#x12B; inserts the same code point. Same visual as named.

3. Decimal: same code point as 299 → &#299;.

4. CSS: use \012B in content (not an HTML entity). #point::after appends ī.

5. Typed + sample: paste ī in UTF-8, or use &imacr; in Latin words like vīta.

Pitfalls & Tips

Common mistakes when working with lowercase i with macron.

Name

Prefer &imacr;

The named entity is clearer than inventing names — use &imacr; for U+012B in HTML.

Case

&imacr; ≠ &Imacr;

Named entities are case-sensitive. Lowercase is ī; uppercase is Ī.

i

Not plain i

Plain i is U+0069. In Latin, ī marks length — do not replace it with short i.

Look-alikes

Not combining i or acute

Combining Latin small letter i is U+0365. Acute í (&iacute;) is a different accent — not a macron.

CSS

Pad the CSS escape

Prefer \012B (four hex digits). A short \12B can swallow the next hex digit if one follows immediately.

CSS vs HTML

Do not mix escapes

\012B belongs in CSS strings. &imacr; / &#x12B; / &#299; belong in HTML.

Semicolon

End references

Always finish entities with ; — write &imacr;, not &imacr.

Browser Support

Lowercase i with macron (U+012B) and its entity forms (&imacr;, &#x12B;, &#299;, CSS \\012B) are supported in all mainstream browsers. Visible glyphs depend on Latin Extended-A font coverage.

✓ Universal support

Lowercase I Latin Macron (&#x012B;)

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+012B Full support

Bottom line: Prefer &imacr; in HTML. Use &#x12B; / &#299; when numeric form is required, and \\012B only inside CSS content.

Key Takeaways

  • Unicode: lowercase i with macron is U+012B (decimal 299) — glyph ī.
  • HTML: prefer &imacr; — also &#x12B; / &#299; / type ī.
  • CSS: use \012B inside content for generated text.
  • Watch out: &imacr; ≠ &Imacr; ≠ i ≠ &iacute;.

One line: U+012B → &imacr; / &#x12B; / &#299; / CSS \012B.

Frequently Asked Questions

Prefer &imacr; (named). You can also use &#x12B; (hex), &#299; (decimal), type ī in UTF-8, or the CSS escape \012B in content.
U+012B (LATIN SMALL LETTER I WITH MACRON). Hex 12B, decimal 299. It belongs to Latin Extended-A (U+0100–U+017F).
Yes. HTML5 defines &imacr; for ī. The capital form is &Imacr; (Ī, U+012A) — names are case-sensitive.
Use it for Latin long i (e.g. vīta), Latvian text, Hawaiian, and other languages that need ī. Prefer plain i for ordinary English words.
HTML entities (&imacr;, &#299;, or &#x12B;) go in markup. The CSS escape \012B goes in stylesheet strings (usually content on ::before/::after).
No. U+012B is a precomposed letter. Combining Latin small letter i is U+0365. Combining macron is U+0304 after a base. Prefer &imacr; when the precomposed form exists.

Did you know?

Lowercase i with macron is Unicode U+012B (decimal 299) — LATIN SMALL LETTER I WITH MACRON in Latin Extended-A. HTML5 provides &imacr; — the most readable form. Capital is &Imacr; (Ī, U+012A). Marks a long i in Latin and appears in Latvian orthography.

Next: Lowercase I Ogonek

Learn the HTML entity for lowercase i with ogonek (į).

Lowercase I ogonek 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.

8 people found this page helpful