HTML Entity for Retroflex Click (ǃ)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+01C3

What Is the Retroflex Click Entity?

Retroflex click (ǃ) is the Unicode character at U+01C3 in Latin Extended-B. Official name: LATIN LETTER RETROFLEX CLICK — an IPA letter for a retroflex click consonant in phonetic transcription.

Remember
Character     ǃ
Unicode       U+01C3
Hex entity    ǃ
Decimal       ǃ
CSS escape    \01C3
Named entity  (none)
Not the same  ! · ǂ (alveolar) · ǀ (dental)

Prefer ǃ or ǃ in HTML when you need an entity. You can also type ǃ in a UTF-8 document.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Hex entityǃHTML markup
Decimal entityǃHTML markup
Direct characterǃHTML text (UTF-8)
CSS escape\01C3Stylesheet content
Named entity—Not defined in HTML5

When to Use Which

SituationUse
Need an entity in HTML sourceǃ or ǃ
IPA retroflex click consonantǃ → ǃ
Ordinary exclamation / surpriseType ! (U+0021) — see Exclamation Mark
Alveolar click ǂSee Alveolar Click (U+01C2) — not U+01C3
Dental click ǀ or lateral ǁSee Dental / Lateral click
Generated text via ::before / ::aftercontent: "\01C3"
Looking for a named entityDoes not exist — use numeric form

Live Preview

Glyph alone, in a sample line, and next to related forms.

Glyph ǃ
Large glyph ǃ
IPA sample [ǃ] · retroflex click
Compared ǃ   !   ǂ   ǀ
With entities Hex: ǃ | Decimal: ǃ

Complete HTML Example

One page that shows ǃ with hex, decimal, CSS escape, and a typed character. Use View Output or open the live editor.

Hex + Decimal + CSS + Typed

Four ways to display ǃ in HTML and CSS.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Retroflex Click (ǃ) in HTML</title>
  <style>
    #point::after {
      content: "\01C3";
    }
  </style>
</head>
<body>
  <p>Built with Hex: &#x01C3;</p>
  <p>Built with Decimal: &#451;</p>
  <p id="point">Built with CSS: </p>
  <p>Typed: ǃ</p>
  <p>IPA: [&#x01C3;]</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+01C3 → &#x01C3; in HTML. The browser turns it into ǃ.

2. Decimal: same code point as 451 → &#451;. Same result as hex.

3. CSS: use \01C3 in content (not an HTML entity). #point::after appends that ǃ after the paragraph text.

4. Typed ǃ: fine in UTF-8 HTML. All four lines show the same letter.

Pitfalls & Tips

Common mistakes when working with the retroflex click.

Named?

No named entity

HTML5 does not define a named entity for ǃ. Use &#x01C3; or &#451;.

Look-alikes

Not ASCII !

Do not substitute ! (U+0021) for ǃ in IPA. They look similar but are different characters.

Clicks

Not alveolar ǂ

Alveolar click ǂ is U+01C2. Retroflex ǃ is U+01C3 — pick the symbol that matches the sound.

CSS vs HTML

Do not mix escapes

\01C3 belongs in CSS. &#x01C3; / &#451; 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 &#451;, not &#451.

Browser Support

Retroflex click (U+01C3) and its numeric entity forms (&#x01C3;, &#451;, CSS \\01C3) are supported in all modern browsers with IPA-capable fonts.

✓ Universal encoding

Retroflex Click (&#x01C3;)

Encode with 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+01C3 Full support

Bottom line: Prefer &#x01C3; or &#451; in HTML. Use \\01C3 only inside CSS content.

Key Takeaways

  • Unicode: this character is U+01C3 (decimal 451).
  • HTML: use &#x01C3; or &#451; — there is no named entity.
  • CSS: use \01C3 inside content for generated text.
  • Watch out: ǃ ≠ ASCII ! ≠ alveolar ǂ ≠ dental ǀ.

One line: U+01C3 → &#x01C3; / &#451; / CSS \01C3 (no named entity).

Frequently Asked Questions

Use &#x01C3; (hex), &#451; (decimal), type ǃ in UTF-8, or the CSS escape \01C3 in content. There is no HTML5 named entity for U+01C3.
U+01C3 (LATIN LETTER RETROFLEX CLICK). Hex 01C3, decimal 451. It belongs to Latin Extended-B (U+0180–U+024F).
No. HTML5 does not define a named entity for this character. Use numeric references like &#451; or &#x01C3; when you need an entity form.
Use it for IPA phonetic transcription of click consonants, linguistic dictionaries, and language documentation that needs ǃ. Prefer ASCII ! only for ordinary punctuation.
HTML entities (&#451; or &#x01C3;) go in markup. The CSS escape \01C3 goes in stylesheet strings (usually content on ::before/::after).
No. ASCII ! is U+0021. Retroflex click ǃ is U+01C3 — an IPA letter. They look similar but are different characters; do not substitute one for the other in phonetic text.

Did you know?

Retroflex click is Unicode U+01C3 (decimal 451) — LATIN LETTER RETROFLEX CLICK in Latin Extended-B. HTML5 has no named entity for it — use &#x01C3; or &#451;. In IPA it marks a retroflex click consonant. Not the same as ASCII ! (U+0021) or alveolar click ǂ (U+01C2).

Next: Retroflex Hook Below

Learn the HTML entity for the combining retroflex hook below — 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.

8 people found this page helpful