HTML Entity for White Nib (✑)

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+2711

HTML Entity for white nib (✑) tutorial illustration

Definition

What Is White Nib?

White nib (✑) is Unicode U+2711 (WHITE NIB) in the Dingbats block. It is an outline fountain-pen nib — useful for writing icons, edit actions, and calligraphy UI. HTML5 has no named entity for this character.

Remember

Character     ✑
Unicode       U+2711
Hex entity    &#x2711;
Decimal       &#10001;
CSS escape    \2711
Named entity  (none)
Not the same  ✒ U+2712 (black nib)

All of these produce the same glyph: ✑. Prefer typing ✑ 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) — preferred
Hex entity	`✑`	HTML markup
Decimal entity	`✑`	HTML markup
CSS escape	`\2711`	Stylesheet `content`
Named entity	—	Not defined in HTML5

When to Use Which

Situation	Use
Outline / white nib	`✑` or type `✑`
Filled / black nib	✒ (U+2712)
Pencil icon	✏ (U+270F)
Icon via CSS	`content: "\2711"` on `::before`
Looking for a named entity	None for U+2711 — use numeric form or type `✑`

See it

Live Preview

White nib in common study contexts.

Large glyph ✑

Write action ✑ Write

Nib pair ✑ ✒

Accessible label Write

With entities Hex: ✑ | Decimal: ✑

Code

Complete HTML Example

One page that shows ✑ 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 ✑ in a single document.

html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>White Nib (✑) in HTML</title>
  <style>
    #point::after {
      content: "\2711";
    }
  </style>
</head>
<body>
  <p>White nib using Hex Code: &#x2711;</p>
  <p>White nib using HTML Code: &#10001;</p>
  <p id="point">White nib using CSS Entity: </p>
  <p>Typed directly: ✑</p>
</body>
</html>

Try It Yourself

How It Works

1. Hex: U+2711 → ✑ in HTML. The browser turns it into ✑.

2. Decimal: same code point as 10001 → ✑. Same result as hex.

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

4. Typed ✑: fine in UTF-8 source. There is no named entity for this symbol.

Pitfalls & Tips

Common mistakes when working with white nib (✑).

✒

Not black nib

✑ is outline. For the filled form use ✒ (U+2712).

✏

Not a pencil

✏ (U+270F) is a different writing tool — not U+2711.

Named?

No named entity

HTML5 does not define a named entity for U+2711. Use numeric forms when an entity is required.

a11y

Say “Write”

Screen readers may not announce the nib clearly. Pair the glyph with visible or visually hidden text.

Fonts

Check Dingbats support

Some fonts omit nib glyphs. Provide a fallback stack that includes a symbol-capable font.

Semicolon

End references

Always finish with ; — write ✑, not &#10001.

Compatibility

Browser Support

White nib (U+2711) and its entity forms (✑, ✑, CSS \\2711) are supported in all mainstream browsers. Glyph quality depends on font support for Dingbats.

✓ Universal support

White Nib (✑)

Type ✑, or encode with 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+2711 / entities Full support

Bottom line: Prefer a typed ✑ or ✑ / ✑ for markup. Use \\2711 only inside CSS content.

Remember

Key Takeaways

Unicode: white nib is U+2711 (decimal 10001).
HTML: prefer typing ✑, or use ✑ / ✑.
CSS: use \2711 inside content for generated icons.
Watch out: no named entity; ✑ ≠ ✒; ✑ ≠ ✏.

One line: U+2711 → type ✑ / ✑ / ✑ / CSS \2711.

Frequently Asked Questions

How do I display white nib (✑) in HTML?

Use ✑ (hex), ✑ (decimal), or the CSS escape \2711 in the content property. All render ✑. You can also paste ✑ directly if your file is UTF-8. There is no named HTML entity.

What is the Unicode value for white nib?

U+2711 (hex 2711, decimal 10001). Unicode names it WHITE NIB. It belongs to the Dingbats block (U+2700–U+27BF).

Is there a named HTML entity for ✑ (U+2711)?

No. HTML5 does not define a named entity for this symbol. Use ✑ or ✑ in markup, or \2711 in CSS.

How is ✑ different from ✒ or ✏?

✑ (U+2711) is the outline white nib. ✒ (U+2712) is black nib. ✏ (U+270F) is pencil. They are different code points.

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

HTML entities (✑ or ✑) go in markup. The CSS escape \2711 is used in stylesheets (usually in the content property of ::before/::after). Both render ✑.

When should I use the white nib symbol?

Use ✑ for writing icons, edit actions, calligraphy, and stationery-themed UI. Prefer ✒ when you want a filled nib. Pair the glyph with visible text when the icon carries meaning for accessibility.

Did you know?

White nib is Unicode U+2711 (decimal 10001) in the Dingbats block — official name WHITE NIB. HTML5 has no named entity for it. It is an outline fountain-pen nib — not the same as ✒ (black nib) or ✏ (pencil).

Next: White Right Pointing Index

Learn the HTML entity for white right pointing index (☞).

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 | White Left Pointing Index HTML Entity | White Right Pointing Index