HTML Entity for Hammer and Pick (⚒)
What You'll Learn
How to display the Hammer and Pick symbol (⚒) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+2692 (HAMMER AND PICK) in the Miscellaneous Symbols block (U+2600–U+26FF). It depicts a hammer crossed with a pick and is used for construction, mining, crafting, and tool-related content.
Render it with ⚒, ⚒, or CSS escape \2692. There is no named HTML entity. Do not confuse ⚒ with U+26CF (⛏, PICK only) or political symbols like U+262D (☭, hammer and sickle).
⚡ Quick Reference — Hammer and Pick
U+2692Miscellaneous Symbols
⚒Hexadecimal reference
⚒Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+2692
Hex code ⚒
HTML code ⚒
Named entity (none)
CSS code \2692
Meaning Hammer and pick (tools)
Related U+26CF = pick only (⛏)Complete HTML Example
This example demonstrates the Hammer and Pick symbol (⚒) using hexadecimal code, decimal HTML code, and a CSS content escape. There is no named HTML entity:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\2692";
}
</style>
</head>
<body>
<p>Hammer and Pick using Hexadecimal: ⚒</p>
<p>Hammer and Pick using HTML Code: ⚒</p>
<p id="point">Hammer and Pick using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The Hammer and Pick symbol (⚒) is widely supported in modern browsers when the font includes Miscellaneous Symbols:
👀 Live Preview
Hammer and Pick (⚒) in context, compared with the pick-only glyph (⛏):
🧠 How It Works
Hexadecimal Code
⚒ uses the Unicode hexadecimal value 2692 to display the Hammer and Pick symbol. The x prefix indicates hexadecimal format.
Decimal HTML Code
⚒ uses the decimal Unicode value 9874 to display the same character.
CSS Entity
\2692 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+2692 is in Miscellaneous Symbols. Next: Hammer and Sickle (☭).
Use Cases
The Hammer and Pick symbol (⚒) is commonly used in:
Under-construction notices, contractor sites, and building projects.
Tool guides, home improvement, and maker content.
Mining industry pages, geology, and excavation topics.
E-commerce categories for hammers, picks, and hardware.
Workplace safety and instructional materials.
Universal tool or work indicator in multilingual interfaces.
💡 Best Practices
Do
- Pair ⚒ with descriptive text (e.g. “Under construction”)
- Use
aria-labelor visible labels for accessibility - Declare UTF-8 with
<meta charset="utf-8"> - Test glyph appearance across browsers and fonts
- Use U+2692 when you need hammer and pick, not U+26CF alone
Don’t
- Rely on ⚒ alone without context for screen readers
- Confuse U+2692 (⚒) with U+262D (☭, hammer and sickle)
- Expect a named HTML entity for U+2692
- Use CSS
\2692in HTML text nodes - Assume decorative emoji fonts match U+2692 in every OS
Key Takeaways
Two HTML numeric references plus CSS insert U+2692
⚒ ⚒For CSS, use \2692 in the content property
Unicode U+2692 — HAMMER AND PICK (⚒)
Not the same as pick-only U+26CF (⛏)
Next: Hammer and Sickle (☭)
❓ Frequently Asked Questions
⚒ (hex), ⚒ (decimal), or \2692 in CSS content. There is no named entity. All three methods render the Hammer and Pick symbol (⚒) correctly.U+2692 (HAMMER AND PICK). Miscellaneous Symbols block. Hex 2692, decimal 9874. Used for construction, mining, tools, and manual work contexts.⚒ or ⚒) go in markup. The CSS escape \2692 is used in stylesheets, typically on ::before or ::after. Both produce ⚒.U+2692 is HAMMER AND PICK (⚒). U+26CF is PICK (⛏) only. Choose the glyph that matches your meaning; they are different Unicode characters.Explore More HTML Entities!
Discover 1500+ HTML character references — symbols, math, and more.
About the author
8 people found this page helpful