HTML Entity for Horizontal Male Stroke Sign (⚩)

Intermediate
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+26A9

What You'll Learn

How to display the Horizontal Male Stroke Sign (⚩) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+26A9 (HORIZONTAL MALE STROKE SIGN) in the Miscellaneous Symbols block (U+2600–U+26FF).

Use ⚩, ⚩, or CSS \26A9. There is no named HTML entity—numeric codes or CSS escapes are required. Common in gender symbols, forms, and inclusive content.

⚡ Quick Reference — Horizontal Male Stroke Sign

Unicode U+26A9

Miscellaneous Symbols

Hex Code ⚩

Hexadecimal reference

HTML Code ⚩

Decimal reference

Named Entity

Use numeric codes only

Reference Table
Name           Value
────────────   ──────────
Unicode        U+26A9
Hex code       ⚩
HTML code      ⚩
Named entity   (none)
CSS code       \26A9
Meaning        Gender / male stroke symbol
CSS note       \26A9 or \026A9 in content property
1

Complete HTML Example

This example demonstrates the Horizontal Male Stroke Sign (⚩) using 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: "\26A9";
  }
 </style>
</head>
<body>
<p>Horizontal Male Stroke Sign using Hexadecimal: &#x26A9;</p>
<p>Horizontal Male Stroke Sign using Decimal: &#9897;</p>
<p id="point">Horizontal Male Stroke Sign using CSS Entity: </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

The Horizontal Male Stroke Sign (⚩) renders when fonts support Miscellaneous Symbols (U+2600–U+26FF):

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

👀 Live Preview

Horizontal Male Stroke Sign (⚩) in forms and labels:

Glyph (hex)
Same via decimal
In form label ⚩ Male
Numeric refs &#x26A9; &#9897; \26A9
Numeric refs &#x26A9; &#9897; \26A9

🧠 How It Works

1

Hexadecimal Code

&#x26A9; uses Unicode hexadecimal 26A9 to display the Horizontal Male Stroke Sign in HTML markup.

HTML markup
2

Decimal HTML Code

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

HTML markup
3

CSS Entity

\26A9 is used in CSS, typically in the content property of pseudo-elements such as ::after.

CSS stylesheet
=

Same visual result

All three methods produce . Unicode U+26A9 is in Miscellaneous Symbols. Next: Horn.

Use Cases

The Horizontal Male Stroke Sign (U+26A9) is commonly used in:

📋 Forms

Demographic forms, surveys, or profile fields for gender identity.

🏳️‍🌈 LGBTQ+

Inclusive content, pride materials, or identity-related documentation.

🏥 Medical

Medical forms, health records, or demographic data display.

👤 Profiles

User profiles, account settings, or preference indicators.

📜 Documentation

Symbol lists and educational content about Unicode symbols.

🎨 Design systems

Inclusive design systems and symbol sets in UI libraries.

💡 Best Practices

Do

  • Use &#x26A9; or &#9897; in HTML (no named entity)
  • Choose fonts with Miscellaneous Symbols support (Segoe UI, Noto Symbols)
  • Declare UTF-8 with <meta charset="utf-8">
  • Pair symbols with clear text labels in forms for accessibility
  • Test rendering on mobile and desktop browsers

Don’t

  • Expect a named HTML entity for U+26A9
  • Use CSS \26A9 in HTML text nodes
  • Rely on the symbol alone without a text label for screen readers
  • Assume every system font includes U+26A9
  • Skip browser testing for symbol-heavy pages

Key Takeaways

1

Two HTML numeric references plus CSS insert U+26A9

&#x26A9; &#9897;
2

For CSS, use \26A9 in the content property

3

Unicode U+26A9 — HORIZONTAL MALE STROKE SIGN

4

No named entity—use hex or decimal

5

Next: Horn

❓ Frequently Asked Questions

Use &#x26A9; (hex), &#9897; (decimal), or \26A9 in CSS content. There is no named entity. All three methods render the same glyph (⚩).
U+26A9 (HORIZONTAL MALE STROKE SIGN) in the Miscellaneous Symbols block (U+2600–U+26FF). Hex 26A9, decimal 9897. Used as a gender symbol in forms and inclusive content.
For gender symbols and inclusive forms, LGBTQ+ and identity-related content, medical or demographic forms, user profiles, and documentation that needs this symbol.
HTML references (&#9897; or &#x26A9;) go directly in markup. The CSS escape \26A9 is used in stylesheets, typically in the content property of pseudo-elements.
No. There is no named HTML entity for U+26A9. Use hexadecimal &#x26A9;, decimal &#9897;, or CSS \26A9 in the content property.
Ensure UTF-8 encoding (<meta charset="utf-8">) and a font that supports Miscellaneous Symbols. Try Segoe UI, Noto Symbols, or Arial Unicode MS if the glyph is missing.

Explore More HTML Entities!

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