HTML Entity for Male Female Sign (⚥)
What You'll Learn
How to display the male and female sign (⚥) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+26A5 (MALE AND FEMALE SIGN) in the Miscellaneous Symbols block (U+2600–U+26FF)—a single combined gender symbol, not separate male (♂) and female (♀) glyphs.
Render it with ⚥, ⚥, or CSS escape \26A5. There is no named HTML entity for U+26A5. Always pair the symbol with accessible text labels in forms and UI.
⚡ Quick Reference — Male Female Sign
U+26A5Miscellaneous Symbols block
⚥Hexadecimal reference
⚥Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+26A5
Hex code ⚥
HTML code ⚥
Named entity (none)
CSS code \26A5
Related U+2642 = male sign (♂); U+2640 = female sign (♀)Complete HTML Example
This example demonstrates the male and female sign (⚥) using hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point::after{
content: "\26A5";
}
</style>
</head>
<body>
<p>Male Female Sign using Hexadecimal: ⚥</p>
<p>Male Female Sign using HTML Code: ⚥</p>
<p id="point">Male Female Sign using CSS Entity: </p>
</body>
</html>🌐 Browser Support
U+26A5 is universally supported in all modern browsers:
👀 Live Preview
See the male and female sign (⚥) rendered in different contexts:
🧠 How It Works
Hexadecimal Code
⚥ uses the Unicode hexadecimal value 26A5 to display the male and female sign. The x prefix indicates hexadecimal format.
Decimal HTML Code
⚥ uses the decimal Unicode value 9893 to display the same character. This is one of the most commonly used methods.
CSS Entity
\26A5 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+26A5 sits in the Miscellaneous Symbols block (U+2600–U+26FF). No named HTML entity—use numeric codes in markup.
Use Cases
The male and female sign (⚥) commonly appears in:
Gender selection options alongside text labels in registration and profile forms.
Biology, healthcare, and anatomy pages referencing combined gender symbols.
Science textbooks, biology courses, and educational materials on reproduction.
Content that represents diverse gender identities with appropriate context.
Research papers, datasets, and documentation using standard Unicode symbols.
Symbol dictionaries, Unicode charts, and HTML entity reference pages.
💡 Best Practices
Do
- Pair ⚥ with clear text labels in forms and UI
- Add
aria-labelwhen the symbol stands alone - Use
⚥or⚥consistently per project - Distinguish U+26A5 from ♂ (male) and ♀ (female)
- Test glyph rendering across browsers and devices
Don’t
- Rely on the symbol alone for critical gender selection
- Confuse ⚥ (combined) with separate ♂ and ♀ symbols
- Expect a named entity—none exists for U+26A5
- Put CSS escape
\26A5in HTML text nodes - Use symbols without considering accessibility and user context
Key Takeaways
Two HTML numeric references render ⚥
⚥ ⚥For CSS stylesheets, use the escape in the content property
\26A5Unicode U+26A5 — MALE AND FEMALE SIGN (single combined glyph)
Miscellaneous Symbols block (U+2600–U+26FF)
Not the same as ♂ (male) or ♀ (female)—each has its own code point
❓ Frequently Asked Questions
⚥ (hex), ⚥ (decimal), or \26A5 in CSS content. All produce ⚥. There is no named entity.U+26A5 (MALE AND FEMALE SIGN). Miscellaneous Symbols block (U+2600–U+26FF). Hex 26A5, decimal 9893. A single combined symbol, not two separate glyphs.⚥ or ⚥) go directly in markup. The CSS escape \26A5 is used in stylesheets, typically in the content property of ::before or ::after. 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