HTML Entity for Envelope (✉)

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+2709

HTML Entity for envelope (U+2709) tutorial illustration

Definition

What Is Envelope?

Envelope (✉) is the Unicode character at U+2709 in Dingbats. Official name: ENVELOPE. It is a mail / email pictograph used in contact UI and decorative labels.

Remember

Character     ✉
Unicode       U+2709
Hex entity    &#x2709;
Decimal       &#9993;
CSS escape    \2709
Named entity  (none)
Not the same  ☎ (phone) · ✆ (tel location)

Prefer ✉ or ✉ in HTML (no named form). You can also type ✉ in a UTF-8 document.

Reference

Quick Reference

One table for every form you will actually use.

Form	Code	Where it goes
Named entity	None	—
Hex entity	`✉`	HTML markup (preferred)
Decimal entity	`✉`	HTML markup
Direct character	`✉`	HTML text (UTF-8)
CSS escape	`\2709`	Stylesheet `content`

When to Use Which

Situation	Use
Email / mail icon in text	`✉` or type `✉`
Phone contact icon	Black telephone (☎) or White telephone (☏)
Telephone location mark	Telephone location sign (✆)
Scalable app UI chrome	Prefer SVG / icon font over a text glyph
Generated text via `::before` / `::after`	`content: "\2709"`

See it

Live Preview

Envelope rendered alone, in a contact label, and compared with related marks.

Glyph ✉

Large glyph ✉

Contact label ✉ hello@example.com

Compared ✉ ☎ ☏ ✆

With entities Hex: ✉ | Decimal: ✉

Code

Complete HTML Example

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

Hex + Decimal + CSS + Typed

Four ways to display ✉ in HTML and CSS.

html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Envelope (U+2709) in HTML</title>
  <style>
    #point::after {
      content: "\2709";
    }
  </style>
</head>
<body>
  <p>Built with Hex: &#x2709;</p>
  <p>Built with Decimal: &#9993;</p>
  <p id="point">Built with CSS: </p>
  <p>Typed: ✉</p>
  <p><a href="mailto:hello@example.com">&#x2709; Email us</a></p>
</body>
</html>

Try It Yourself

How It Works

1. Hex: ✉ inserts code point U+2709 → ✉.

2. Decimal: same code point as 9993 → ✉. Same visual as hex.

3. CSS: use \2709 in content (not an HTML entity). #point::after appends ✉.

4. Typed: paste ✉ in a UTF-8 document, or label a link like ✉ Email us.

Pitfalls & Tips

Common mistakes when working with Envelope.

Name

No named entity

There is no HTML5 named entity for U+2709. Use ✉ or ✉. Do not invent &envelope;.

☎

Not a telephone

U+260E is a phone icon. Keep envelope for mail and telephone marks for voice contact.

Glyph vs icon asset

Text glyphs can vary by font and emoji style. For pixel-perfect app chrome, prefer SVG or an icon set.

CSS vs HTML

Do not mix escapes

\2709 belongs in CSS strings. ✉ / ✉ belong in HTML.

Fonts

Dingbats coverage

Some fonts omit Dingbats. Prefer a font (or fallback stack) with solid Dingbats coverage if the glyph must always show.

a11y

Add accessible text

Do not rely on ✉ alone. Keep visible words like “Email” next to the glyph, or use aria-label on icon-only controls.

Semicolon

End references

Always finish entities with ; — write ✉, not &#x2709.

Compatibility

Browser Support

Envelope (U+2709) and its entity forms (✉, ✉, CSS \\2709) are supported in all mainstream browsers. Visible glyphs depend on Dingbats (or emoji) font coverage.

✓ Universal support

Envelope (✉)

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+2709 Full support

Bottom line: Prefer ✉ in HTML (no named form). Use ✉ when decimal form is required, and \\2709 only inside CSS content.

Remember

Key Takeaways

Unicode: envelope is U+2709 (decimal 9993) — glyph ✉.
HTML: no named entity — use ✉ / ✉ / type ✉.
CSS: use \2709 inside content for generated text.
Meaning: ✉ ≠ phone ☎ / ☏ ≠ tel location ✆.

One line: U+2709 → ✉ / ✉ / CSS \2709 (no named form).

Frequently Asked Questions

How do I display ✉ in HTML?

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

What is the Unicode value for this mark?

U+2709 (ENVELOPE). Hex 2709, decimal 9993. It belongs to the Dingbats block (U+2700–U+27BF).

Is there a named HTML entity for U+2709?

No. Use numeric forms ✉ or ✉. Names like &envelope; are not standard HTML5 entities for this character.

When should I use U+2709?

Use it for email / mail icons in contact sections, footers, and mailto labels. Prefer a real SVG or icon font when you need scalable UI chrome; use U+2709 for simple text decoration.

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

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

Is U+2709 the same as a telephone symbol?

No. U+2709 is ✉ (envelope). Black telephone is U+260E (☎). Use each for its own contact channel.

Did you know?

Envelope is Unicode U+2709 (decimal 9993) — glyph ✉ (ENVELOPE) in Dingbats. There is no HTML5 named entity; use ✉ or ✉. Common in contact rows and mailto: links. Pair with telephone marks like U+260E (☎) when you need a phone icon nearby.

Next: Equal Parallel To

Learn the HTML entity for equal parallel to (U+22D5).

Equal Parallel To 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 | End Of Proof HTML Entity | Equal Parallel To