HTML Entity for Upper Right Pencil (✐)
What You'll Learn
How to display the Upper Right Pencil (✐) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+2710 (WHITE NIB) in the Dingbats block (U+2700–U+27BF)—commonly used as a pencil or writing icon for notes, annotations, editing tools, and creative content.
Render it with ✐, ✐, or CSS escape \2710. There is no named HTML entity. Compare ✎ (Lower Right Pencil, U+270E) and ✏ (Pencil, U+270F) for related Dingbats writing symbols.
⚡ Quick Reference — Upper Right Pencil
U+2710Dingbats block
✐Hexadecimal reference
✐Decimal reference
—No named entity
Name Value
──────────── ──────────
Unicode U+2710
Hex code ✐
HTML code ✐
Named entity (none)
CSS code \2710
Official name WHITE NIB
Related U+270E = Lower right pencil; U+270F = Pencil
Block Dingbats (U+2700–U+27BF)Complete HTML Example
A simple example showing the Upper Right Pencil (✐) using hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point::after{
content: "\2710";
}
</style>
</head>
<body>
<p>Upper Right Pencil (hex): ✐</p>
<p>Upper Right Pencil (decimal): ✐</p>
<p id="point">Upper Right Pencil (CSS): </p>
</body>
</html>🌐 Browser Support
The Upper Right Pencil (✐) is supported in modern browsers when the font includes Dingbats glyphs:
👀 Live Preview
See the Upper Right Pencil (✐) in UI and content contexts:
🧠 How It Works
Hexadecimal Code
✐ uses the Unicode hexadecimal value 2710 to display the Upper Right Pencil. The x prefix indicates hexadecimal format.
Decimal HTML Code
✐ uses the decimal Unicode value 10000 to display the same character. This is one of the most commonly used methods.
CSS Entity
\2710 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.
Same visual result
All three methods produce the glyph: ✐. Unicode U+2710 (WHITE NIB) in Dingbats. Related: U+270E (lower right pencil), U+270F (pencil). There is no named HTML entity.
Use Cases
The Upper Right Pencil (✐) is commonly used in:
Annotation tools and writing indicators for note-taking functionality.
Text editors and content creation tools showing write or compose actions.
Comment systems and editing tools that need a pencil icon for user interaction.
CMS interfaces and text editing UIs with edit buttons and toolbars.
Design elements and visual content using pencil symbols for artistic purposes.
Learning platforms and tutorials indicating writing or note-taking activities.
💡 Best Practices
Do
- Pair ✐ with text or
aria-label(e.g. “Edit”) for accessibility - Use numeric references (
✐or✐) consistently in HTML - Pick the right writing symbol for your UI (✐, ✎, or ✏)
- Verify Dingbats glyph support in your target fonts and devices
- Use
\2710in CSScontentwhen inserting via pseudo-elements
Don’t
- Confuse ✐ (U+2710, white nib) with ✏ (U+270F, pencil ✏) or ✎ (lower right pencil)
- Put CSS escape
\2710in HTML text nodes - Expect a named HTML entity—only numeric codes work for ✐
- Use the symbol as the only cue for edit actions without a visible label
- Assume decorative fonts include all Dingbats characters
Key Takeaways
Three references render ✐ (no named entity)
✐ ✐For CSS stylesheets, use the escape in the content property
\2710Unicode U+2710 — WHITE NIB (Dingbats)
Related writing symbols: U+270E (lower right), U+270F (pencil)
❓ Frequently Asked Questions
✐ (hex), ✐ (decimal), or \2710 in CSS content. All produce ✐. There is no named HTML entity.U+2710 (WHITE NIB). Dingbats block (U+2700–U+27BF). Hex 2710, decimal 10000. Commonly used as a pencil or writing icon for notes, annotations, and edit actions.✐ or ✐) is used in HTML content. The CSS entity (\2710) is used in CSS, e.g. in the content property of ::before or ::after. Both produce ✐ but in different contexts.Explore More HTML Entities!
Discover 1500+ HTML character references — Dingbats, symbols, and more.
About the author
8 people found this page helpful