HTML Entity for Male Stroke Sign (⚦)
What You'll Learn
How to display the male with stroke sign (⚦) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+26A6 (MALE WITH STROKE SIGN) in the Miscellaneous Symbols block (U+2600–U+26FF)—a gender-related symbol distinct from the plain male sign (♂) and the combined male stroke male female sign (⚧).
Render it with ⚦, ⚦, or CSS escape \26A6. There is no named HTML entity for U+26A6. Always pair the symbol with accessible text in forms and UI.
⚡ Quick Reference — Male Stroke Sign
U+26A6Miscellaneous Symbols block
⚦Hexadecimal reference
⚦Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+26A6
Hex code ⚦
HTML code ⚦
Named entity (none)
CSS code \26A6
Related U+2642 = male (♂); U+26A7 = male stroke male female (⚧)Complete HTML Example
This example demonstrates the male stroke sign (⚦) using hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point::after{
content: "\26A6";
}
</style>
</head>
<body>
<p>Male Stroke Sign using Hexadecimal: ⚦</p>
<p>Male Stroke Sign using HTML Code: ⚦</p>
<p id="point">Male Stroke Sign using CSS Entity: </p>
</body>
</html>🌐 Browser Support
U+26A6 is supported in all modern browsers when rendered with a Unicode-capable font:
👀 Live Preview
See the male stroke sign (⚦) alongside related gender symbols:
🧠 How It Works
Hexadecimal Code
⚦ uses the Unicode hexadecimal value 26A6 to display the male stroke sign. The x prefix indicates hexadecimal format.
Decimal HTML Code
⚦ uses the decimal Unicode value 9894 to display the same character.
CSS Entity
\26A6 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.
Same visual result
All three methods produce: ⚦. Unicode U+26A6 sits in the Miscellaneous Symbols block (U+2600–U+26FF). No named HTML entity—use numeric codes in markup.
Use Cases
The male stroke sign (⚦) is commonly used in:
Inclusive gender options in registration and profile forms with text labels.
Content representing diverse gender identities with appropriate context.
Unicode and gender-symbol reference materials for students and developers.
Healthcare and biology pages using standard Unicode gender symbols.
Research papers and datasets referencing Unicode symbol standards.
HTML entity tutorials, Unicode charts, and symbol dictionaries.
💡 Best Practices
Do
- Pair ⚦ with clear, accessible text labels
- Use
⚦or⚦consistently per project - Add
aria-labelwhen the symbol stands alone - Distinguish U+26A6 from ♂ (male) and ⚧ (male stroke male female)
- Test glyph rendering across browsers and fonts
Don’t
- Rely on the symbol alone for critical gender selection
- Confuse ⚦ with ♂, ⚥, or ⚧
- Expect a named entity—none exists for U+26A6
- Put CSS escape
\26A6in HTML text nodes - Use padded Unicode notation like U+026A6—the correct value is
U+26A6
Key Takeaways
Two HTML numeric references render ⚦
⚦ ⚦For CSS stylesheets, use the escape in the content property
\26A6Unicode U+26A6 — MALE WITH STROKE SIGN
Miscellaneous Symbols block (U+2600–U+26FF)
Distinct from ♂ and ⚧—verify the correct symbol for your use case
❓ Frequently Asked Questions
⚦ (hex), ⚦ (decimal), or \26A6 in CSS content. All produce ⚦. There is no named entity.U+26A6 (MALE WITH STROKE SIGN). Miscellaneous Symbols block (U+2600–U+26FF). Hex 26A6, decimal 9894.⚦ or ⚦) go directly in markup. The CSS escape \26A6 is used in stylesheets, typically in the content property of pseudo-elements. Same visual result, different layers of the stack.Explore More HTML Entities!
Discover 1500+ HTML character references — gender symbols, math operators, arrows, and more.
About the author
8 people found this page helpful