HTML Entity for Black Nib (✒)

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+2712

HTML Entity for black nib (✒) tutorial illustration

Definition

What Is Black Nib?

Black nib (✒) is Unicode U+2712 in the Dingbats block. It is a filled pen nib — useful for writing, edit, and stationery themes. HTML has no standard named entity — use numeric or CSS forms (or type the character in UTF-8).

Remember

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

All of these produce the same glyph: ✒. Prefer typing ✒ in UTF-8 when you can; use ✒ / ✒ or CSS 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	None	—
Hex entity	`✒`	HTML markup
Decimal entity	`✒`	HTML markup
CSS escape	`\2712`	Stylesheet `content`

When to Use Which

Situation	Use
Filled pen nib	`✒` or type `✒`
Outline / white nib	✑ (U+2711)
Need an entity in HTML source	`✒` or `✒`
Icon via CSS	`content: "\2712"` on `::before`

See it

Live Preview

Black nib in study contexts.

Inline cue Write ✒

Large glyph ✒

vs. white nib ✒ black · ✑ white

Accessible label Compose

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 (no named entity).

html

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

Try It Yourself

How It Works

1. Hex: U+2712 → ✒ in HTML. The browser turns it into ✒.

2. Decimal: same code point as 10002 → ✒. Same result as hex.

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

4. Typed ✒: fine in UTF-8 source. All four lines show the same glyph.

Pitfalls & Tips

Common mistakes when working with black nib (✒).

Named

No &name; form

U+2712 has no standard named entity — use ✒ or ✒.

✑

Not white nib

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

a11y

Say “pen” or “edit”

Screen readers may not announce a clear meaning. Pair the glyph with visible or visually hidden text.

Fonts

Check Dingbats coverage

Some UI fonts omit U+2712. Prefer fonts with solid Dingbats / ornament support.

CSS vs HTML

Do not mix escapes

\2712 belongs in CSS. ✒ / ✒ belong in HTML.

Semicolon

End references

Always finish with ; — write ✒, not &#x2712.

Compatibility

Browser Support

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

✓ Universal support

Black 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+2712 / entities Full support

Bottom line: Prefer a typed ✒ or ✒ for markers. Use decimal when generating markup, and \\2712 only inside CSS content.

Remember

Key Takeaways

Unicode: black nib is U+2712 (decimal 10002).
HTML: use ✒ or ✒ (no named entity).
CSS: use \2712 inside content for generated icons.
Watch out: ✒ ≠ ✑ (black ≠ white nib).

One line: U+2712 → ✒ / ✒ / CSS \2712.

Frequently Asked Questions

How do I display black nib (✒) in HTML?

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

What is the Unicode value for black nib?

U+2712 (hex 2712, decimal 10002). Unicode names it BLACK NIB. It belongs to the Dingbats block.

Is there a named HTML entity for ✒ (U+2712)?

No. HTML5 / WHATWG does not define a named character reference for U+2712. Prefer ✒, ✒, or a typed ✒ in UTF-8.

How is ✒ different from ✑?

✒ (U+2712) is the filled black nib. ✑ (U+2711) is white nib (outline). 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 \2712 is used in stylesheets (usually in the content property of ::before/::after). Both render ✒.

When should I use black nib?

Use ✒ for writing themes, edit/compose icons, stationery branding, and editorial markers. Prefer plain text or ARIA labels when the meaning must be clear to screen readers.

Did you know?

Black nib is Unicode U+2712 (decimal 10002) in the Dingbats block — official name BLACK NIB. There is no standard named HTML entity. It is not white nib (U+2711 ✑).

Next: Black Right Arrow

Learn the HTML entity for the black right arrow (➡).

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 Letter Capital Z HTML Entity | Black Right Arrow