HTML Entity for Tape Drive (✇)

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+2707

HTML Entity for tape drive (U+2707) tutorial illustration

Definition

What Is Tape Drive?

Tape drive (✇) is the Unicode character at U+2707 in Dingbats. Official name: TAPE DRIVE. It is a storage-device icon used in IT docs, backup UIs, and technology interfaces.

Remember

Character     ✇
Unicode       U+2707
Hex entity    &#x2707;
Decimal       &#9991;
CSS escape    \2707
Named entity  (none)
Not the same  ✈ (airplane) · ✉ (envelope)

Prefer ✇ or ✇ in HTML markup. You can also type ✇ in UTF-8. There is no named entity.

Reference

Quick Reference

One table for every form you will actually use.

Form	Code	Where it goes
Direct character	`✇`	HTML text (UTF-8)
Hex entity	`✇`	HTML markup (preferred)
Decimal entity	`✇`	HTML markup
CSS escape	`\2707`	Stylesheet `content`
Named entity	—	Not defined in HTML5
Airplane (adjacent)	`✈` (✈, U+2708)	Different Dingbat

When to Use Which

Situation	Use
Tape / backup storage icon	`✇` or `✇`
Airplane icon	✈ / `✈`
Envelope / mail icon	✉ / `✉`
Broader symbol set	HTML Symbol Entities
Looking for a named form	Does not exist — use numeric form
Generated text via `::before` / `::after`	`content: "\2707"`

See it

Live Preview

Tape drive rendered next to adjacent Dingbats.

Example ✇ Backup Storage

Large glyph ✇

Compared ✇ tape ✈ airplane ✉ envelope

With entities Hex: ✇ | Decimal: ✇

Code

Complete HTML Example

One page that shows Tape Drive with hex, decimal, CSS escape, and a typed character. Use View Output or open the live editor.

Hex + Decimal + CSS + Typed

Four ways to produce ✇, plus a short storage-label example.

html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Tape Drive (✇) in HTML</title>
  <style>
    #point::after {
      content: "\2707";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x2707;</p>
  <p>Using HTML Code: &#9991;</p>
  <p id="point">Using CSS Entity: </p>
  <p>Typed directly: ✇</p>
  <p>Example: ✇ Backup Storage</p>
</body>
</html>

Try It Yourself

How It Works

1. Hex: U+2707 → ✇ in HTML. The browser turns it into ✇.

2. Decimal: same code point as 9991 → ✇. Same result as hex.

3. CSS: use \2707 in content (not an HTML entity). #point::after appends that ✇ after the paragraph text.

4. Typed / example: paste ✇ in UTF-8, or write ✇ Backup Storage for a short label.

Pitfalls & Tips

Common mistakes when working with Tape Drive.

Named?

No named entity

HTML5 does not define a named entity for U+2707. Use ✇ or ✇.

✈

Not an airplane

U+2708 (✈) is airplane. Adjacent code points look related in maps but mean different things.

✉

Not an envelope

U+2709 (✉) is envelope. Prefer U+2707 only when you need the tape-drive glyph.

Fonts

Dingbat font coverage

Some UI fonts omit less-common Dingbats. Prefer a font that covers this block, or use SVG for critical UI icons.

CSS vs HTML

Do not mix escapes

\2707 belongs in CSS strings. ✇ / ✇ belong in HTML.

A11y

Label decorative icons

If the glyph is decorative, pair it with visible text or an accessible name — do not rely on the symbol alone.

Compatibility

Browser Support

Tape drive (U+2707) and its entity forms (✇, ✇, CSS \\2707) are supported in all mainstream browsers. Visible glyphs depend on Dingbat font coverage.

✓ Universal support

Tape Drive (✇)

Encode with hex, decimal, CSS escape, or type the character — same code point everywhere encoding is supported.

100% Browser coverage

Google Chrome Supported

Yes

Microsoft Edge Supported

Yes

Mozilla Firefox Supported

Yes

Apple Safari Supported

Yes

Opera Supported

Yes

Internet Explorer All versions

Yes

U+2707 / entities Full support

Bottom line: Prefer ✇ or ✇ in HTML. Use \\2707 only inside CSS content. There is no named entity.

Remember

Key Takeaways

Unicode: this mark is U+2707 (decimal 9991) — glyph ✇.
HTML: use ✇ or ✇ — no named entity; typing ✇ also works.
CSS: use \2707 inside content for generated text.
Meaning: ✇ = tape drive — not ✈ (airplane), not ✉ (envelope).

One line: U+2707 → ✇ / ✇ / CSS \2707.

Frequently Asked Questions

How do I display ✇ in HTML?

Use ✇ (hex), ✇ (decimal), type ✇ directly in UTF-8, or the CSS escape \2707 in content. There is no named HTML entity for U+2707.

What is the Unicode value for this mark?

U+2707 (TAPE DRIVE). Hex 2707, decimal 9991. It belongs to Dingbats (U+2700–U+27BF).

Is there a named HTML entity for U+2707?

No. HTML5 does not define a named entity for this character. Use numeric forms ✇ or ✇.

When should I use U+2707?

Use it for storage, backup, and IT documentation icons when a Unicode glyph is enough. Prefer an SVG or icon font when you need consistent cross-platform UI art.

What is the difference between HTML code and CSS entity for U+2707?

HTML entities (✇ or ✇) go in markup. The CSS escape \2707 goes in stylesheet strings (usually content on ::before/::after).

Is ✇ the same as ✈ or ✉?

No. ✇ is tape drive (U+2707). ✈ is airplane (U+2708). ✉ is envelope (U+2709). They are adjacent Dingbats with different meanings.

Did you know?

Tape drive (✇) is Unicode U+2707 (decimal 9991) — TAPE DRIVE in Dingbats. HTML5 has no named entity — use ✇ or ✇. Do not confuse it with airplane (U+2708, ✈) or envelope (U+2709, ✉).

Next: Te Digraph Curl

Learn the HTML entity for te digraph curl (ʨ).

Continue tutorial →

About the author

Mari Selvan M P 🔗

Developer, cloud engineer, and technical writer

Experience 12 years building web and cloud systems
Focus Full Stack Development, AWS, and Developer Education

I write practical tutorials so students and working developers can learn by doing—from databases and APIs to deployment on AWS.

AWS Certified Developer – Associate (Credly)

8 people found this page helpful

HTML Entity | Tamil Rupee Sign HTML Entity | Te Digraph Curl