HTML Entity for Alembic (⚗)
What You'll Learn
How to display the Alembic symbol (⚗) in HTML using numeric character references or a CSS escape. Unicode assigns this code point the official name Alembic (U+2697)—the still used in alchemy and chemistry iconography.
The character lives in the Miscellaneous Symbols block (U+2600–U+26FF). There is no named HTML entity for ⚗, so you use ⚗ or ⚗ in markup, or \2697 in CSS content on pseudo-elements.
⚡ Quick Reference — Alembic Entity
U+2697Miscellaneous Symbols block
⚗Hexadecimal reference
⚗Decimal reference
\2697Use in CSS content
Name Value
──────────── ──────────
Unicode U+2697
Hex code ⚗
HTML code ⚗
Named entity (none)
CSS code \2697Complete HTML Example
This example shows the Alembic symbol (⚗) using hexadecimal code, decimal HTML code, and a CSS content escape on a pseudo-element:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\2697";
}
</style>
</head>
<body>
<p>Alembic using Hexa Decimal: ⚗</p>
<p>Alembic using HTML Code: ⚗</p>
<p id="point">Alembic using CSS Entity: </p>
</body>
</html>🌐 Browser Support
Numeric references for U+2697 are supported in all modern browsers. Final appearance depends on font coverage for the Miscellaneous Symbols block:
👀 Live Preview
See the Alembic symbol rendered in typical contexts:
🧠 How It Works
Hexadecimal Code
⚗ references Unicode 2697 in hexadecimal. The x prefix marks a hex numeric character reference.
Decimal HTML Code
⚗ is the decimal code point 9879 for the same character—often used when authors think in decimal Unicode values.
CSS Entity (Escape)
\2697 is the CSS escape (four hex digits) used in content on ::before / ::after to emit ⚗ without placing the raw character in HTML.
Same visual result
All methods render ⚗. Unicode is U+2697 (Miscellaneous Symbols, U+2600–U+26FF). Official name: Alembic. There is no standard named HTML entity; stick to numeric references or CSS escapes.
Use Cases
The Alembic symbol (⚗) fits these kinds of content:
Course pages, glossaries, and diagrams referencing distillation or historical apparatus.
Museum sites, timelines, and narrative UX where a compact still icon fits the tone.
Status chips, tool palettes, or flowchart legends (pair with text for critical controls).
Exhibit copy and digital tours for early chemistry collections.
Specimens listing U+26xx symbols and fallback behavior.
Fantasy crafting or potion UIs that borrow alchemical visual language.
Matching brochures or packaging that already use this Unicode glyph.
💡 Best Practices
Do
- Use UTF-8 and one numeric style (hex or decimal) consistently
- Add visible text or
aria-labelwhen ⚗ labels an interactive control - Prefer
⚗or⚗when generating HTML from code - Test body and UI fonts for Miscellaneous Symbols (U+2600–U+26FF) coverage
- Use
\2697only in CSScontent, not inside HTML text nodes
Don’t
- Assume every custom webfont includes U+2697
- Use ⚗ alone as the only accessible name for safety-critical lab actions
- Mix hex and decimal references at random in one template
- Paste CSS escapes into HTML markup (they belong in stylesheets)
- Rely on the symbol alone where precise chemical apparatus diagrams are legally required
Key Takeaways
Two HTML numeric references render ⚗
⚗ ⚗In CSS, use the escape in content on pseudo-elements
\2697Unicode U+2697 (Alembic) in Miscellaneous Symbols
There is no named HTML entity for this character—use numeric references
Pair ⚗ with words or ARIA so assistive tech and small screens stay clear
❓ Frequently Asked Questions
⚗ (hex), ⚗ (decimal), or \2697 in CSS content. All produce ⚗. There is no standard named entity.U+2697 (hex 2697, decimal 9879). Unicode’s official name is Alembic; it sits in the Miscellaneous Symbols block (U+2600–U+26FF).⚗ or ⚗) go in markup. The CSS escape \2697 belongs in stylesheets, usually in the content property of ::before or ::after. Same glyph, different layers.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