HTML Entity for Lateral Click (ǁ)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+01C1

What You'll Learn

How to display the Lateral Click symbol (ǁ) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+01C1 (LATIN LETTER LATERAL CLICK) in the Latin Extended-B block (U+0180–U+024F)—used in the International Phonetic Alphabet (IPA) and in orthographies of languages such as Khoisan and some Bantu languages.

Render it with ǁ, ǁ, or CSS escape \01C1. There is no named HTML entity. Do not confuse ǁ with a pipe U+007C (|) or double vertical line U+2016 (‖).

⚡ Quick Reference — Lateral Click

Unicode U+01C1

Latin Extended-B

Hex Code ǁ

Hexadecimal reference

HTML Code ǁ

Decimal reference

Named Entity

Use numeric codes only

Reference Table
Name           Value
────────────   ──────────
Unicode        U+01C1
Hex code       ǁ
HTML code      ǁ
Named entity   (none)
CSS code       \01C1
Meaning        IPA lateral click consonant
Related        U+01C0 = dental click (ǀ)
               U+01C2 = alveolar click (ǂ)
1

Complete HTML Example

A simple example showing the Lateral Click (ǁ) with hexadecimal code, decimal HTML code, and a CSS content escape. There is no named HTML entity:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\01C1";
  }
 </style>
</head>
<body>
<p>Lateral Click using Hexadecimal: &#x01C1;</p>
<p>Lateral Click using HTML Code: &#449;</p>
<p id="point">Lateral Click using CSS Entity: </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

The Lateral Click symbol (ǁ) is widely supported when fonts include the Latin Extended-B block (U+0180–U+024F):

Chrome 1+
Firefox 1+
Safari 1+
Edge 12+
Opera 4+
Android 4.4+
iOS Safari 1+

👀 Live Preview

See the Lateral Click (ǁ) in linguistic and phonetic contexts:

IPA notation ǁ lateral click
Click series ǀ ǁ ǂ ǃ
vs pipe ǁ (U+01C1) not | (U+007C)
Large glyph ǁ
Numeric refs &#x01C1; &#449; \01C1

🧠 How It Works

1

Hexadecimal Code

&#x01C1; uses the Unicode hexadecimal value 01C1 to display the Lateral Click symbol (ǁ).

HTML markup
2

Decimal HTML Code

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

HTML markup
3

CSS Entity

\01C1 is used in CSS stylesheets in the content property of pseudo-elements like ::after.

CSS stylesheet
=

Same visual result

All three methods produce ǁ (ǁ). Unicode U+01C1 is in the Latin Extended-B block. Next: Latin Cross (✝).

Use Cases

The Lateral Click symbol (ǁ) is commonly used in:

🔤 Linguistics

IPA symbols and phonetic notation in academic papers, textbooks, and linguistic content.

📚 Dictionaries

Pronunciation and phonetic transcriptions for words with click consonants.

🌍 African languages

Khoisan, Bantu, and other languages that use the lateral click in orthography.

🎓 Language learning

Apps and courses teaching pronunciation for languages with click consonants.

📝 IPA tools

IPA keyboards, phonetic converters, and transcription tools with full click support.

📄 Research

Linguistic research, phonological descriptions, and language documentation online.

💡 Best Practices

Do

  • Use &#x01C1; or &#449; in HTML content
  • Use fonts that support Latin Extended-B (U+01C1)
  • Set <meta charset="utf-8">
  • Add aria-label="Lateral click" or explanatory text for accessibility
  • Pick one numeric style per project
  • Pair with a legend in phonetic or linguistic content

Don’t

  • Confuse ǁ (U+01C1) with | (U+007C) or ‖ (U+2016)
  • Expect a named HTML entity for U+01C1
  • Use CSS \01C1 inside HTML text nodes
  • Use fonts without Latin Extended-B support
  • Mix entity styles randomly in one file

Key Takeaways

1

Two HTML numeric references plus CSS for U+01C1

&#x01C1; &#449;
2

For CSS, use \01C1 in the content property

3

Unicode U+01C1 — LATIN LETTER LATERAL CLICK

4

Latin Extended-B block; glyph ǁ (ǁ)

❓ Frequently Asked Questions

Use &#x01C1; (hex), &#449; (decimal), or \01C1 in CSS content. There is no named entity. All methods render ǁ (ǁ) when the font supports U+01C1.
U+01C1 (LATIN LETTER LATERAL CLICK). Latin Extended-B block (U+0180–U+024F). Hex 01C1, decimal 449. Used in IPA and orthographies of languages with click consonants.
In linguistic and phonetic content, IPA transcription and dictionaries, African language websites and learning resources, academic linguistics publications, language learning apps, and any content that needs click consonants or phonetic notation.
HTML references (&#449; or &#x01C1;) go in markup. The CSS escape \01C1 is used in stylesheets, typically on ::before or ::after. Both render ǁ (ǁ).
Named entities cover common characters; Latin Extended-B letters like U+01C1 use numeric hex or decimal codes or CSS escapes. That is standard for extended Latin and phonetic characters in HTML.

Explore More HTML Entities!

Discover 1500+ HTML character references — extended Latin, phonetic notation, linguistics, 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.

8 people found this page helpful