HTML Entity for Black Telephone (☎)

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+260E

HTML Entity for black telephone (☎) tutorial illustration

Definition

What Is Black Telephone?

Black telephone (☎) is Unicode U+260E in the Miscellaneous Symbols block. It is a classic filled telephone glyph — useful for contact cues and call buttons. HTML provides the named entity &phone;.

Remember

Character     ☎
Unicode       U+260E
Hex entity    &#x260E;
Decimal       &#9742;
Named entity  &phone;
CSS escape    \260E
Not the same  ☏ U+260F (white telephone)

All of these produce the same glyph: ☎. Prefer &phone; in hand-written HTML; type ☎ in UTF-8 when you can; use numeric or CSS forms for generated content.

Reference

Quick Reference

One table for every form you will actually use.

Form	Code	Where it goes
Direct character	`☎`	HTML text (UTF-8)
Named entity	`&phone;`	HTML markup (preferred name)
Hex entity	`☎`	HTML markup
Decimal entity	`☎`	HTML markup
CSS escape	`\260E`	Stylesheet `content`

When to Use Which

Situation	Use
Filled (black) telephone	`&phone;` or type `☎`
Outline (white) telephone	☏ (U+260F)
Need an entity in HTML source	`&phone;`, `☎`, or `☎`
Icon via CSS	`content: "\260E"` on `::before`

See it

Live Preview

Black telephone in study contexts.

Inline cue ☎ Call us

Large glyph ☎

vs. white telephone ☎ black · ☏ white

Accessible label 555-0100

With entities Named: ☎ | Hex: ☎ | Decimal: ☎

Code

Complete HTML Example

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

Hex + Decimal + Named + CSS + Typed

Five ways to produce ☎ in a single document.

html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Black Telephone (☎) in HTML</title>
  <style>
    #point::after {
      content: "\260E";
    }
  </style>
</head>
<body>
  <p>Black telephone using Hex Code: &#x260E;</p>
  <p>Black telephone using HTML Code: &#9742;</p>
  <p>Black telephone using Named Entity: &phone;</p>
  <p id="point">Black telephone using CSS Entity: </p>
  <p>Typed directly: ☎</p>
</body>
</html>

Try It Yourself

How It Works

1. Hex: U+260E → ☎ in HTML. The browser turns it into ☎.

2. Decimal: same code point as 9742 → ☎. Same result as hex.

3. Named: &phone; is the standard HTML name for U+260E — clear in source.

4. CSS: use \260E in content (not an HTML entity). #point::after appends that ☎ after the paragraph text.

5. Typed ☎: fine in UTF-8 source. All five lines show the same glyph.

Pitfalls & Tips

Common mistakes when working with black telephone (☎).

Named

Prefer &phone;

Use &phone; in hand-written HTML. Numeric forms are fine for generated markup.

☏

Not white telephone

For the outline form use ☏ (U+260F).

a11y

Include a number or label

Screen readers may not announce “phone.” Pair the glyph with a number or visually hidden text such as Call.

Fonts

Check symbol coverage

Some UI fonts omit U+260E. Prefer fonts with solid Miscellaneous Symbols support.

CSS vs HTML

Do not mix escapes

\260E belongs in CSS. ☎ / ☎ / &phone; belong in HTML.

Semicolon

End references

Always finish with ; — write &phone;, not &phone.

Compatibility

Browser Support

Black telephone (U+260E) and its entity forms (&phone;, ☎, ☎, CSS \\260E) are supported in all mainstream browsers. Glyph quality depends on font support for Miscellaneous Symbols.

✓ Universal support

Black Telephone (☎)

Type ☎, or encode with named, hex, decimal, or CSS escape — same glyph 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+260E / entities Full support

Bottom line: Prefer &phone; or a typed ☎ for markers. Use decimal when generating markup, and \\260E only inside CSS content.

Remember

Key Takeaways

Unicode: black telephone is U+260E (decimal 9742).
HTML: prefer &phone; (also ☎, ☎).
CSS: use \260E inside content for generated icons.
Watch out: ☎ ≠ ☏ (black ≠ white telephone).

One line: U+260E → &phone; / ☎ / ☎ / CSS \260E.

Frequently Asked Questions

How do I display black telephone (☎) in HTML?

Use ☎ (hex), ☎ (decimal), &phone; (named), or the CSS escape \260E in the content property. All render ☎. You can also paste ☎ directly if your file is UTF-8.

What is the Unicode value for black telephone?

U+260E (hex 260E, decimal 9742). Unicode names it BLACK TELEPHONE. It belongs to the Miscellaneous Symbols block.

Is there a named HTML entity for ☎ (U+260E)?

Yes. &phone; maps to U+260E. Prefer &phone; in hand-written HTML; numeric forms are useful in generated markup.

How is ☎ different from ☏?

☎ (U+260E) is black telephone. ☏ (U+260F) is white telephone. They are different code points.

What is the difference between HTML code and CSS entity for ☎?

HTML entities (☎, ☎, or &phone;) go in markup. The CSS escape \260E is used in stylesheets (usually in the content property of ::before/::after). Both render ☎.

When should I use black telephone?

Use ☎ for contact info, call buttons, and customer-service cues. Pair the glyph with a phone number or the word Call when accessibility matters.

Did you know?

Black telephone is Unicode U+260E (decimal 9742) in the Miscellaneous Symbols block — official name BLACK TELEPHONE. HTML’s named reference is &phone;. It is not white telephone (U+260F ☏).

Next: Black Universal Recycling Symbol

Learn the HTML entity for the recycling symbol (♻).

Next 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 | Black Sun Rays HTML Entity | Black Universal Recycling Symbol