HTML Entity for Lowercase I Ogonek (į)

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+012F

HTML Entity for lowercase i ogonek (U+012F) tutorial illustration

Definition

What Is the Lowercase I Ogonek Entity?

Lowercase i ogonek (į) is the Latin Extended-A character at Unicode U+012F (LATIN SMALL LETTER I WITH OGONEK). It is the letter i with an ogonek (˛) — a little hook below — a letter in the Lithuanian alphabet.

Remember

Character     į
Unicode       U+012F
Named entity  &iogon;
Hex entity    &#x12F;
Decimal       &#303;
CSS escape    \012F
Capital       &Iogon; (Į)

Named, hex, decimal, CSS, and a typed character all produce the same glyph: į. Prefer &iogon; in HTML source for clarity.

Reference

Quick Reference

One table for every form you will actually use.

Form	Code	Where it goes
Named entity	`&iogon;`	HTML markup (best default)
Hex entity	`į`	HTML markup
Decimal entity	`į`	HTML markup
CSS escape	`\012F`	Stylesheet `content`
Direct character	`į`	UTF-8 HTML text

When to Use Which

Situation	Use
Readable HTML source	`&iogon;`
Numeric entity required	`į` or `į`
Generated text via `::before` / `::after`	`content: "\012F"`
Capital Į	`&Iogon;` — see Uppercase I Ogonek
A with ogonek ą instead	See Lowercase A Ogonek (`&aogon;`)

See it

Live Preview

Lowercase i ogonek in Lithuanian and comparison contexts.

Lithuanian sample vandenį

Large glyph į

Named entity &iogon; → į

vs i / Į / ą į | i | Į | ą

With entities Named: į | Hex: į | Decimal: į

Code

Complete HTML Example

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

Named + Hex + Decimal + CSS

Four ways to produce į in a single document.

html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Lowercase I Ogonek (&iogon;)</title>
  <style>
    #point::after {
      content: "\012F";
    }
  </style>
</head>
<body>
  <p>Using Named Entity: &iogon;</p>
  <p>Using Hex Code: &#x12F;</p>
  <p>Using HTML Code: &#303;</p>
  <p id="point">Using CSS Entity: </p>
  <p lang="lt">Lietuvių: vanden&iogon;</p>
</body>
</html>

Try It Yourself

How It Works

1. Named: &iogon; is the clearest HTML form and renders į.

2. Hex: U+012F → į in HTML. Same result as the named entity.

3. Decimal: same code point as 303 → į. Same result as hex.

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

Pitfalls & Tips

Common mistakes when working with lowercase i ogonek.

Case

`&iogon;` ≠ `&Iogon;`

Named entities are case-sensitive. Lowercase is į; uppercase is Į.

Look-alikes

Not ą or cedilla

Ogonek is a rightward hook under the letter. Do not confuse &iogon; with &aogon; or cedilla marks.

Compose

Prefer precomposed

Use &iogon; instead of i plus combining ogonek (U+0328) when the precomposed form exists.

CSS vs HTML

Do not mix escapes

\012F belongs in CSS. &iogon; / į / į belong in HTML.

Encoding

Declare UTF-8

If you type į directly, keep <meta charset="UTF-8"> so the file is not misread.

Semicolon

End references

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

Compatibility

Browser Support

Lowercase i ogonek (U+012F) and its entity forms (&iogon;, į, į, CSS \\012F) are supported in all modern browsers.

✓ Universal encoding

Lowercase I Ogonek (&iogon;)

Encode with named, hex, decimal, or CSS escape — or type į directly 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 IE 9+

Yes*

U+012F Full support

Bottom line: Prefer &iogon; for readable HTML. Use \\012F only inside CSS content.

Remember

Key Takeaways

Unicode: this character is U+012F (decimal 303).
HTML: prefer &iogon; — or use į / į.
CSS: use \012F inside content for generated text.
Watch out: &iogon; ≠ &Iogon; ≠ &aogon;.

One line: U+012F → &iogon; / į / į / CSS \012F.

Frequently Asked Questions

How do I display lowercase i ogonek (į) in HTML using entities?

Use &iogon; (named), į (hex), į (decimal), or the CSS escape \012F in the content property. All render į. Prefer &iogon; in HTML source.

What is the Unicode value for lowercase i ogonek?

U+012F (LATIN SMALL LETTER I WITH OGONEK). Hex 12F, decimal 303. It belongs to Latin Extended-A (U+0100–U+017F).

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

Yes. &iogon; is the HTML5 named entity for į. The capital form is &Iogon; (Į, U+012E) — names are case-sensitive.

When should I use this HTML entity?

Use it for Lithuanian text and other languages that need į, plus proper names and internationalized web content.

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

HTML entities (&iogon;, į, or į) go in markup. The CSS escape \012F is used in stylesheets (usually in the content property of ::before/::after). Both render į.

Is į the same as i + combining ogonek?

Visually similar, but U+012F is a precomposed character. Combining ogonek is U+0328 after a base letter. Prefer the precomposed &iogon; when available.

Did you know?

Lowercase i ogonek is Unicode U+012F (decimal 303) — LATIN SMALL LETTER I WITH OGONEK in Latin Extended-A. HTML5 provides &iogon; — the most readable form. Capital is &Iogon; (Į, U+012E). A letter in the Lithuanian alphabet (e.g. vandenį).

Next: Lowercase I Stroke

Learn the HTML entity for lowercase i stroke — next in this sequence.

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 | Lowercase I Latin Macron HTML Entity | Lowercase I Stroke