HTML Entity for Black Nib (✒)
What You'll Learn
How to display Black Nib (✒) in HTML and CSS. This character is U+2712 in the Dingbats block (U+2700–U+27BF), approved in Unicode 1.1 (1993). Its Unicode name is BLACK NIB—the part of a quill, dip pen, fountain pen, or stylus that deposits ink on the writing surface.
There is no named HTML entity for U+2712. Use ✒ or ✒ in markup, or \2712 in stylesheet content. The symbol suits writing themes, creative design, stationery branding, and editorial content. Pair decorative glyphs with visible text or aria-label when they convey meaning.
⚡ Quick Reference — Black Nib
U+2712Dingbats (U+2700–U+27BF)
✒Hexadecimal reference
✒Decimal reference
—None (use numeric refs)
Name Value
──────────── ──────────
Unicode U+2712
Hex code ✒
HTML code ✒
Named entity —
CSS code \2712Complete HTML Example
This example shows U+2712 using hexadecimal and decimal character references, plus a CSS content escape on a pseudo-element:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\2712";
}
</style>
</head>
<body>
<p>Black Nib using Hexa Decimal: ✒</p>
<p>Black Nib using HTML Code: ✒</p>
<p id="point">Black Nib using CSS Entity: </p>
</body>
</html>🌐 Browser Support
U+2712 is widely supported in modern browsers; hand glyph artwork varies by typeface:
👀 Live Preview
See the glyph at different sizes and beside related writing Dingbats (font-dependent):
🧠 How It Works
Hexadecimal Code
✒ references code point U+2712 using hex digits 2712 after the #x prefix.
Decimal HTML Code
✒ is the decimal equivalent (10002) for the same Black Nib character.
CSS Entity
\2712 is the CSS escape for U+2712, used in the content property of ::before or ::after.
Same visual result
Hex, decimal, and CSS escapes all produce ✒. There is no named HTML entity for U+2712.
Use Cases
The Black Nib (✒) is commonly used for:
Blogs, author pages, writing apps, and content about authorship.
Headers, logos, and decorative accents for creative or editorial projects.
Art apps, design tools, and creative interfaces.
Notepads, journals, paper goods, and writing-supply brands.
Publishing, magazines, newsletters, and literary content.
Posts about writing, signing documents, or creative work.
Pair ✒ with text or ARIA when used for decorative or thematic markers.
💡 Best Practices
Do
- Use hex or decimal consistently—there is no named entity for U+2712
- Pair ✒ with ✐ (white nib) or ✎ (pencil) for cohesive writing-themed design
- Scale with
font-sizefor headers, icons, or subtle accents - Choose fonts that support the Dingbats block (U+2700–U+27BF)
- Use
\2712only inside CSScontent, not inside HTML text nodes - Add
aria-hidden="true"when purely decorative, or text for meaningful markers
Don’t
- Confuse U+2712 with U+2710 (white nib) or emoji pen characters (different code points)
- Rely on ✒ alone to communicate meaning in critical UI
- Assume every font renders Dingbats crisply at small sizes
- Use decorative glyphs as the only cue for important actions
- Mix CSS escapes into HTML text nodes (use numeric refs in markup)
Key Takeaways
Two numeric references render the same glyph
✒ ✒CSS content escape
\2712U+2712 is a black nib; pairs with White Nib U+2710
Dingbats block U+2700–U+27BF; no named HTML entity
Pair ornamental glyphs with text or ARIA when meaning must be clear
❓ Frequently Asked Questions
✒ (hex), ✒ (decimal), or \2712 in CSS content. There is no named entity; all valid methods render ✒.U+2712 (hex 2712, decimal 10002). Dingbats (U+2700–U+27BF). Unicode name BLACK NIB.\2712 escape belongs in stylesheets (for example on pseudo-elements). Do not paste CSS escapes into HTML text nodes.✒, ✒, or \2712 in CSS depending on whether you are authoring markup or styles.Explore More HTML Entities!
Discover 1500+ HTML character references — currency symbols, arrows, math operators, emojis, and more.
About the author
8 people found this page helpful