HTML Entity for White Flag (⚐)
What You'll Learn
How to display the White Flag symbol (⚐) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+2690 (WHITE FLAG) in the Miscellaneous Symbols block (U+2600–U+26FF)—a simple outline flag on a pole, often used to represent surrender or truce.
Render it with ⚐, ⚐, or CSS escape \2690. There is no named HTML entity. Do not confuse ⚐ with the waving white flag emoji 🏳 (U+1F3F3) or the black flag symbol ⚑ (U+2691).
⚡ Quick Reference — White Flag
U+2690Miscellaneous Symbols
⚐Hexadecimal reference
⚐Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+2690
Hex code ⚐
HTML code ⚐
Named entity (none)
CSS code \2690
Meaning White flag
Related U+2691 = ⚑ (black flag)
U+1F3F3 = 🏳 (waving white flag emoji)
Block Miscellaneous Symbols (U+2600–U+26FF)Complete HTML Example
A simple example showing White Flag (⚐) using hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#flag:after{
content: "\2690";
}
</style>
</head>
<body>
<p>White Flag (hex): ⚐</p>
<p>White Flag (decimal): ⚐</p>
<p id="flag">White Flag (CSS): </p>
</body>
</html>🌐 Browser Support
U+2690 is supported in modern browsers when the font includes Miscellaneous Symbols glyphs:
👀 Live Preview
See White Flag (⚐) in context:
🧠 How It Works
Hexadecimal Code
⚐ uses the Unicode hexadecimal value 2690 to display the character. The x prefix indicates hexadecimal format.
Decimal HTML Code
⚐ uses the decimal Unicode value 9872 to display the same character. A common method for symbol characters in HTML.
CSS Entity
\2690 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.
Same visual result
All three methods produce the glyph: ⚐. Unicode U+2690 is the white flag in Miscellaneous Symbols. Not the same as 🏳 (waving white flag emoji) or ⚑ (black flag).
Use Cases
White Flag (⚐) is commonly used in:
Surrender buttons, truce states, and board-game indicators.
Ceasefire, truce, and give-up actions in apps and content.
Military-themed pages, historical content, and flag symbolism.
Chat apps, notifications, and status indicators with flag imagery.
History lessons and cultural content about flags and symbols.
Graphic design, artistic content, and creative portfolios.
Pair ⚐ with visible text or aria-label; do not rely on the glyph alone.
💡 Best Practices
Do
- Use ⚐ for a simple outline flag; use 🏳 for the colorful waving emoji variant
- Pair the flag glyph with accessible text like “Surrender” or
aria-label - Pick one numeric style (hex or decimal) per project for consistency
- Use fonts that support Miscellaneous Symbols characters
- Test rendering across browsers and devices
Don’t
- Confuse ⚐ (white flag symbol) with 🏳 (waving white flag emoji)
- Use the flag glyph as the only cue for critical surrender or truce actions
- Mix entity styles randomly in one file
- Use CSS escape
\2690inside HTML markup - Expect a named HTML entity—none exists for ⚐
Key Takeaways
Type ⚐ directly, or use hex/decimal references
⚐ ⚐For CSS stylesheets, use the escape in the content property
\2690Unicode U+2690 — WHITE FLAG (Miscellaneous Symbols)
U+2690/U+2691 are white/black flag pairs in Miscellaneous Symbols
Previous: White Feathered Right Arrow (➳) Next: White Florette (❀)
❓ Frequently Asked Questions
⚐ (hex), ⚐ (decimal), or \2690 in CSS content. There is no named HTML entity. In UTF-8 you can also type ⚐ directly.U+2690 (WHITE FLAG). Miscellaneous Symbols block U+2600–U+26FF. Hex 2690, decimal 9872.⚐ or ⚐) go directly in markup. The CSS escape \2690 is used in stylesheets, typically in the content property of ::before or ::after. Same visual result, different layers of the stack.⚐ or ⚐ in HTML, or \2690 in CSS.Explore More HTML Entities!
Discover 1500+ HTML character references — symbols, punctuation, and more.
About the author
8 people found this page helpful