HTML Entity for Tape Drive (✇)
What You'll Learn
How to display the Tape Drive symbol (✇) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+2707 (TAPE DRIVE) in the Dingbats block (U+2700–U+27BF)—a storage device icon used in IT interfaces, backup systems, and technology documentation.
Render it with ✇, ✇, or CSS escape \2707. There is no named HTML entity. Do not confuse ✇ (tape drive) with ✈ (airplane, U+2708) or ✉ (envelope, U+2709)—adjacent Dingbats with different meanings.
⚡ Quick Reference — Tape Drive
U+2707Dingbats
✇Hexadecimal reference
✇Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+2707
Hex code ✇
HTML code ✇
Named entity (none)
CSS code \2707
Block Dingbats (U+2700–U+27BF)
Related U+2708 = Airplane (✈), U+2709 = Envelope (✉)Complete HTML Example
This example demonstrates the Tape Drive symbol (✇) using hexadecimal code, decimal HTML code, and a CSS content escape (no named entity):
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\2707";
}
</style>
</head>
<body>
<p>Using Hexadecimal: ✇</p>
<p>Using HTML Code: ✇</p>
<p id="point">Using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The Tape Drive symbol is supported in all modern browsers when fonts include Dingbats glyphs:
👀 Live Preview
See the Tape Drive symbol (✇) in context and compared with nearby Dingbats:
🧠 How It Works
Hexadecimal Code
✇ uses the Unicode hexadecimal value 2707 to display the Tape Drive symbol. The x prefix indicates hexadecimal format.
Decimal HTML Code
✇ uses the decimal Unicode value 9991 to display the same character.
CSS Entity
\2707 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+2707 in the Dingbats block (U+2700–U+27BF). No named entity.
Use Cases
The Tape Drive symbol (✇) commonly appears in:
System admin panels and IT management dashboards.
Backup systems and data storage applications.
Technical manuals and system administration guides.
Archival systems and data backup interfaces.
Infrastructure monitoring and storage device lists.
IT training materials covering storage devices.
CI/CD and deployment dashboards with storage labels.
💡 Best Practices
Do
- Use
✇or✇for the tape drive icon - Add
aria-label="Tape drive"or visible text for accessibility - Pick one style (hex or decimal) per project for consistency
- Use Dingbats-friendly fonts for consistent rendering
- Test across browsers and devices
Don’t
- Confuse ✇ (tape drive) with ✈ (airplane) or ✉ (envelope)
- Rely on the symbol alone without accessible labeling
- Put CSS escape
\2707directly in HTML text nodes - Expect a named HTML entity for U+2707—use numeric references
- Use HTML entities in JS (use
\u2707instead)
Key Takeaways
Two HTML references both render ✇
✇ ✇For CSS stylesheets, use the escape in the content property
\2707Unicode U+2707 — TAPE DRIVE
No named entity—use numeric references or CSS escape
Part of Dingbats alongside airplane (✈) and envelope (✉)
❓ Frequently Asked Questions
✇ (hex), ✇ (decimal), or \2707 in CSS content. There is no named HTML entity. All three produce ✇.U+2707 (TAPE DRIVE). Dingbats block (U+2700–U+27BF). Hex 2707, decimal 9991.✇ or ✇) go directly in markup. The CSS escape \2707 is used in stylesheets, typically in the content property of pseudo-elements. Same visual result, different layers of the stack.Explore More HTML Entities!
Discover 1500+ HTML character references — Dingbats, symbols, math, and more.
About the author
8 people found this page helpful