HTML Entity for Male Stroke Male Female Sign (⚧)
What You'll Learn
How to display the male with stroke and male and female sign (⚧) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+26A7 (MALE WITH STROKE AND MALE AND FEMALE SIGN) in the Miscellaneous Symbols block (U+2600–U+26FF)—a distinct gender-related symbol in the Unicode standard.
Render it with ⚧, ⚧, or CSS escape \26A7. There is no named HTML entity for U+26A7. Do not confuse ⚧ with ♂ (male), ⚥ (male and female), or ⚦ (male with stroke).
⚡ Quick Reference — Male Stroke Male Female Sign
U+26A7Miscellaneous Symbols block
⚧Hexadecimal reference
⚧Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+26A7
Hex code ⚧
HTML code ⚧
Named entity (none)
CSS code \26A7
Related U+2642 = male (♂); U+26A5 = male and female (⚥); U+26A6 = male stroke (⚦)Complete HTML Example
This example demonstrates the male stroke male female sign (⚧) using hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point::after{
content: "\26A7";
}
</style>
</head>
<body>
<p>Male Stroke Male Female Sign using Hexadecimal: ⚧</p>
<p>Male Stroke Male Female Sign using HTML Code: ⚧</p>
<p id="point">Male Stroke Male Female Sign using CSS Entity: </p>
</body>
</html>🌐 Browser Support
U+26A7 is supported in all modern browsers when rendered with a Unicode-capable font:
👀 Live Preview
See the male stroke male female sign (⚧) alongside related gender symbols:
🧠 How It Works
Hexadecimal Code
⚧ uses the Unicode hexadecimal value 26A7 to display the symbol. The x prefix indicates hexadecimal format.
Decimal HTML Code
⚧ uses the decimal Unicode value 9895 to display the same character.
CSS Entity
\26A7 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+26A7 sits in the Miscellaneous Symbols block (U+2600–U+26FF). No named HTML entity—use numeric codes in markup.
Use Cases
The male stroke male female 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+26A7 from related gender symbols (♂, ⚥, ⚦)
- 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+26A7
- Put CSS escape
\26A7in HTML text nodes - Use padded Unicode notation like U+026A7—the correct value is
U+26A7
Key Takeaways
Two HTML numeric references render ⚧
⚧ ⚧For CSS stylesheets, use the escape in the content property
\26A7Unicode U+26A7 — MALE WITH STROKE AND MALE AND FEMALE SIGN
Miscellaneous Symbols block (U+2600–U+26FF)
Distinct from ♂, ⚥, and ⚦—each gender symbol has its own code point
❓ Frequently Asked Questions
⚧ (hex), ⚧ (decimal), or \26A7 in CSS content. All produce ⚧. There is no named entity.U+26A7 (MALE WITH STROKE AND MALE AND FEMALE SIGN). Miscellaneous Symbols block (U+2600–U+26FF). Hex 26A7, decimal 9895.⚧ or ⚧) go directly in markup. The CSS escape \26A7 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