HTML Entity for Crossed Swords (⚔)
What You'll Learn
How to display the Crossed Swords (⚔) in HTML and CSS. This character is U+2694 (CROSSED SWORDS) in the Miscellaneous Symbols block (U+2600–U+26FF). It is often used in gaming, fantasy, medieval, and conflict-themed content—not a religious cross like Cross of Jerusalem (☩) or heraldic Cross of Lorraine (☨).
There is no named HTML entity for U+2694. Use ⚔, ⚔, or \2694 in CSS content. Do not confuse ⚔ with single-sword emoji or other weapon symbols in Unicode.
⚡ Quick Reference — Crossed Swords
U+2694Miscellaneous Symbols (U+2600–U+26FF)
⚔Hexadecimal reference
⚔Decimal reference
—None (use numeric refs)
Name Value
──────────── ──────────
Unicode U+2694
Hex code ⚔
HTML code ⚔
Named entity —
CSS code \2694Complete HTML Example
This example shows U+2694 using hexadecimal and decimal character references, plus a CSS content escape. There is no named HTML entity:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\2694";
}
</style>
</head>
<body>
<p>Crossed Swords using Hexadecimal: ⚔</p>
<p>Crossed Swords using HTML Code: ⚔</p>
<p id="point">Crossed Swords using CSS Entity: </p>
</body>
</html>🌐 Browser Support
U+2694 is supported in modern browsers; use a font with good Miscellaneous Symbols coverage:
👀 Live Preview
See the Crossed Swords (⚔) in context:
🧠 How It Works
Hexadecimal Code
⚔ references code point U+2694 using hex digits 2694.
Decimal HTML Code
⚔ is the decimal equivalent (9876) for the same character.
CSS Entity
\2694 is the CSS escape for U+2694, used in the content property of ::before or ::after.
Same visual result
All three methods produce the crossed swords glyph: ⚔. Unicode U+2694 is in Miscellaneous Symbols (U+2600–U+26FF). No named HTML entity exists.
Use Cases
Crossed Swords (⚔) commonly appears in:
Game sites, RPGs, strategy games, and fantasy themes with battle imagery.
Historical docs, reenactment, and period content about combat or warfare.
PvP labels, duel sections, conflict warnings, and fight-related app interfaces.
Headers, icons, badges, and thematic web design elements.
Unicode tables, HTML entity guides, and symbol documentation.
HTML entity guides and Miscellaneous Symbols glossaries.
Pair the symbol with meaningful alt text or context in religious or cultural content.
💡 Best Practices
Do
- Use
⚔or⚔for the crossed swords symbol - Choose fonts that support Miscellaneous Symbols (U+2600–U+26FF)
- Keep hex or decimal style consistent across the document
- Use
\2694only inside CSScontent - Pair with labels like “PvP” or “Battle” when meaning matters
Don’t
- Confuse U+2694 (⚔) with Cross of Jerusalem ☩ or Cross of Lorraine ☨
- Confuse ⚔ with unrelated weapon or cross symbols
- Assume a named entity exists—U+2694 has none
- Put CSS escape
\2694in HTML text nodes - Use the symbol without sensitivity in inappropriate contexts
Key Takeaways
No named entity—use numeric references
⚔ ⚔For CSS stylesheets, use the escape in the content property
\2694U+2694 CROSSED SWORDS
Standalone symbol in Miscellaneous Symbols block
Three methods, one glyph — widely supported in modern browsers
❓ Frequently Asked Questions
⚔ (hex), ⚔ (decimal), or \2694 in CSS content. There is no named HTML entity for U+2694.U+2694 (CROSSED SWORDS). Miscellaneous Symbols (U+2600–U+26FF). Hex 2694, decimal 9876.⚔ or ⚔) go in markup. The CSS escape \2694 is used in stylesheets, typically in the content property of pseudo-elements. Both render ⚔.⚔ or ⚔. See symbol entities for copyright, crosses, and related marks.Explore More HTML Entities!
Discover 1500+ HTML character references — math operators, symbols, arrows, and more.
About the author
8 people found this page helpful