HTML Entity for Retroflex Click (ǃ)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+01C3
HTML entity for Retroflex Click symbol (U+01C3) — hex, decimal, and CSS tutorial

What You'll Learn

How to display the Retroflex Click symbol (ǃ) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+01C3 (LATIN LETTER RETROFLEX CLICK) in the Latin Extended-B block (U+0180–U+024F)—used in the International Phonetic Alphabet (IPA) to represent a retroflex click sound in linguistic and phonetic documentation.

Render it with ǃ, ǃ, or CSS escape \01C3. There is no named HTML entity. Do not confuse ǃ with the ASCII exclamation mark (!, U+0021)—they look similar but are different characters.

⚡ Quick Reference — Retroflex Click

Unicode U+01C3

Latin Extended-B (U+0180–U+024F)

Hex Code ǃ

Hexadecimal reference

HTML Code ǃ

Decimal reference

Named Entity —

Use numeric codes only

Reference Table
Name           Value
────────────   ──────────
Unicode        U+01C3
Hex code       ǃ
HTML code      ǃ
Named entity   (none)
CSS code       \01C3
Meaning        Latin letter retroflex click (IPA)
Related        U+0021 = exclamation mark (!)
               U+0322 = retroflex hook below (̢)
Block          Latin Extended-B (U+0180–U+024F)
1

Complete HTML Example

A simple example showing ǃ using hexadecimal code, decimal HTML code, and a CSS content escape:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point::after{
   content: "\01C3";
  }
 </style>
</head>
<body>
<p>Retroflex click (hex): &#x01C3;</p>
<p>Retroflex click (decimal): &#451;</p>
<p id="point">Retroflex click (CSS): </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

The Retroflex Click symbol (ǃ) is widely supported in all modern browsers:

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

👀 Live Preview

See the Retroflex Click symbol (ǃ) in phonetic contexts:

Single symbol ǃ
IPA notation Retroflex click: ǃ
Transcription Example word with ǃ click consonant
Not the same as Exclamation !  |  Alveolar click ǂ
Numeric refs &#x01C3; &#451; \01C3

🧠 How It Works

1

Hexadecimal Code

&#x01C3; uses the Unicode hexadecimal value 01C3 to display the retroflex click symbol.

HTML markup
2

Decimal HTML Code

&#451; uses the decimal Unicode value 451 for the same character.

HTML markup
3

CSS Entity

\01C3 is used in CSS stylesheets in the content property of pseudo-elements for phonetic labels or icons.

CSS stylesheet
=

Retroflex click result

All three methods render ǃ. Unicode U+01C3 in Latin Extended-B. Next: Retroflex Hook Below.

✅

Use Cases

The Retroflex Click symbol (ǃ) is commonly used in:

💬 IPA notation

International Phonetic Alphabet charts and phonetic transcriptions.

📖 Linguistics

Academic papers, dictionaries, and language documentation projects.

🎓 Language learning

Pronunciation guides and phonetics courses for click languages.

📝 Research databases

Linguistic corpora and phonetic analysis tools on the web.

📋 Unicode references

Character pickers, entity documentation, and IPA symbol guides.

♿ Accessibility

Pair ǃ with a text description of the sound; use IPA-friendly fonts.

💡 Best Practices

Do

  • Use &#x01C3; or &#451; for inline IPA retroflex click marks
  • Set <meta charset="utf-8"> for reliable rendering
  • Use a font with IPA coverage (e.g. Doulos SIL, Charis SIL)
  • Use ǃ for the retroflex click—not ASCII !
  • Pick one numeric style per project for consistency

Don’t

  • Substitute ASCII exclamation mark ! for ǃ in phonetic text
  • Use padded Unicode notation like U+001C3—the correct value is U+01C3
  • Use CSS escape \01C3 in HTML text nodes
  • Assume every system font renders Latin Extended-B glyphs
  • Confuse retroflex click ǃ with alveolar click ǂ

Key Takeaways

1

Two HTML numeric references plus CSS for U+01C3

&#x01C3; &#451;
2

For CSS stylesheets, use \01C3 in the content property

3

Unicode U+01C3 — LATIN LETTER RETROFLEX CLICK (IPA)

4

Distinct from exclamation mark ! (U+0021) and alveolar click ǂ

5

Previous: Response (℟)   Next: Retroflex Hook Below

❓ Frequently Asked Questions

Use &#x01C3; (hex), &#451; (decimal), or \01C3 in CSS content. There is no named entity. All three render ǃ.
U+01C3 (LATIN LETTER RETROFLEX CLICK). Latin Extended-B block (U+0180–U+024F). Hex 01C3, decimal 451.
No. ǃ (U+01C3) is the IPA retroflex click letter. ! (U+0021) is an ASCII exclamation mark. They look similar but are different Unicode characters.
For linguistic documentation, phonetic transcriptions, IPA notation, academic research, language learning resources, and phonetic analysis.
Named HTML entities cover common characters. U+01C3 uses numeric hex or decimal codes or CSS escapes, which is standard for IPA and Latin Extended-B phonetic symbols.

Explore More HTML Entities!

Discover 1500+ HTML character references — IPA symbols, punctuation, math operators, 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

Response (℟) Retroflex Hook Below