HTML Entity for Black Flag (⚑)
What You'll Learn
How to display Black Flag (⚑) in HTML and CSS. This character is U+2691 in the Miscellaneous Symbols block (U+2600–U+26FF), added in Unicode 4.0 (2003). It shows a black flag on a vertical pole—a classic map symbol for markers, checkpoints, and wayfinding.
There is no named HTML entity for U+2691. Use ⚑ or ⚑ in markup, or \2691 in stylesheet content. The symbol suits maps, navigation, gaming (race flags, finish lines), and location markers. Pair flag glyphs with visible text or aria-label when they convey meaning.
⚡ Quick Reference — Black Flag
U+2691Miscellaneous Symbols (U+2600–U+26FF)
⚑Hexadecimal reference
⚑Decimal reference
—None (use numeric refs)
Name Value
──────────── ──────────
Unicode U+2691
Hex code ⚑
HTML code ⚑
Named entity —
CSS code \2691Complete HTML Example
This example shows U+2691 using hexadecimal and decimal character references, plus a CSS content escape on a pseudo-element:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\2691";
}
</style>
</head>
<body>
<p>Black Flag using Hexa Decimal: ⚑</p>
<p>Black Flag using HTML Code: ⚑</p>
<p id="point">Black Flag using CSS Entity: </p>
</body>
</html>🌐 Browser Support
U+2691 is widely supported in modern browsers; dingbat artwork varies by typeface:
👀 Live Preview
See the glyph at different sizes and beside the related White Flag (font-dependent):
🧠 How It Works
Hexadecimal Code
⚑ references code point U+2691 using hex digits 2691 after the #x prefix.
Decimal HTML Code
⚑ is the decimal equivalent (9873) for the same Black Flag character.
CSS Entity
\2691 is the CSS escape for U+2691, used in the content property of ::before or ::after.
Same visual result
Hex, decimal, and CSS escapes all produce ⚑. There is no named HTML entity for U+2691.
Use Cases
The Black Flag (⚑) is commonly used for:
Location pins, points of interest, and wayfinding on maps and navigation.
Race flags, finish lines, checkpoints, and game progress indicators.
Tour routes, trail markers, and sequential location indicators.
Destination markers, route indicators, and directional cues.
Lists, headers, and thematic accents in web and print design.
Alternative list markers and emphasis indicators in content.
Pair ⚑ with text or ARIA (e.g. “Checkpoint” or “Location”).
💡 Best Practices
Do
- Use hex or decimal consistently—there is no named entity for U+2691
- Pair ⚑ with clear text when it marks a checkpoint, location, or finish
- Scale with
font-sizeso the flag fits your layout - Choose fonts that support Miscellaneous Symbols (U+2600–U+26FF)
- Use
\2691only inside CSScontent, not inside HTML text nodes - Add
aria-labelortitle(e.g. “Checkpoint” or “Finish”) for screen readers
Don’t
- Confuse U+2691 (black flag) with U+2690 (white flag) or other flag glyphs
- Rely on ⚑ alone to communicate meaning in critical UI
- Assume every font renders Miscellaneous Symbols crisply at small sizes
- Use flag glyphs as the only cue for location or safety-critical navigation
- Mix CSS escapes into HTML text nodes (use numeric refs in markup)
Key Takeaways
Two numeric references render the same glyph
⚑ ⚑CSS content escape
\2691U+2691 is BLACK FLAG; pairs with White Flag U+2690
Miscellaneous Symbols block U+2600–U+26FF; no named HTML entity
Pair flag glyphs with text or ARIA when meaning must be clear
❓ Frequently Asked Questions
⚑ (hex), ⚑ (decimal), or \2691 in CSS content. There is no named entity; all valid methods render ⚑.U+2691 (hex 2691, decimal 9873). Miscellaneous Symbols (U+2600–U+26FF). Unicode name BLACK FLAG.\2691 escape belongs in stylesheets (for example on pseudo-elements). Do not paste CSS escapes into HTML text nodes.⚑, ⚑, or \2691 in CSS depending on whether you are authoring markup or styles.Explore More HTML Entities!
Discover 1500+ HTML character references — currency symbols, arrows, math operators, emojis, and more.
About the author
8 people found this page helpful