HTML Entity for Lower Right Pencil (✎)
What You'll Learn
How to display the Lower Right Pencil (✎) in HTML using various entity methods. The Lower Right Pencil is a Dingbats character showing a pencil pointing downward to the right and is useful for edit actions, notes, comments, and creative or writing-related UI.
This character is part of the Dingbats Unicode block and can be rendered with a hexadecimal reference, a decimal reference, or a CSS escape in the content property. There is no named HTML entity for this symbol.
⚡ Quick Reference — Lower Right Pencil Entity
U+270EDingbats block
✎Hexadecimal reference
✎Decimal reference
—No named entity
Name Value
──────────── ──────────
Unicode U+270E
Hex code ✎
HTML code ✎
Named entity (none)
CSS code \270E
Meaning Lower right pencil
Related U+270F pencil, U+2710 upper right, U+270D writing hand
Block Dingbats (U+2700–U+27BF)Complete HTML Example
A simple example showing the Lower Right Pencil (✎) using hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\270E";
}
</style>
</head>
<body>
<p>Symbol (hex): ✎</p>
<p>Symbol (decimal): ✎</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>🌐 Browser Support
The Lower Right Pencil (✎) is supported in modern browsers when the font includes Dingbats glyphs:
👀 Live Preview
See the Lower Right Pencil (✎) in edit and writing contexts:
🧠 How It Works
Hexadecimal Code
✎ uses the Unicode hexadecimal value 270E to display the Lower Right Pencil. The x prefix indicates hexadecimal format.
Decimal HTML Code
✎ uses the decimal Unicode value 9998 to display the same character. This is one of the most commonly used methods.
CSS Entity
\270E 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+270E sits in Dingbats. Related symbols: U+270F (✏ pencil), U+2710 (upper right), U+270D (✍ writing hand). There is no named HTML entity.
Use Cases
The Lower Right Pencil (✎) is commonly used in:
Indicate edit, write, or modify actions in toolbars, buttons, and menus.
Mark notes, comments, or annotations in content, docs, and feedback UI.
Highlight details, disclaimers, or footnotes in documentation and articles.
Suggest editable or fillable fields in forms and input areas.
Represent drawing, sketching, or design modes in creative applications.
Use in tutorials and worksheets to indicate “write here” or “edit.”
Show draft, compose, or reply actions in messaging and collaboration UIs.
💡 Best Practices
Do
- Pair ✎ with text or
aria-label(e.g. “Edit”) for accessibility - Use numeric references (
✎or✎) consistently in HTML - Pick the right pencil variant for angle and design (U+270E, U+270F, U+2710)
- Scale with CSS
font-sizefor buttons and icons while keeping clarity - Use
\270Ein CSScontentwhen inserting via pseudo-elements
Don’t
- Use ✎ as the only label for an action without accessible text
- Confuse ✎ (U+270E) with ✏ (pencil U+270F) or ✍ (writing hand)
- Put CSS escape
\270Ein HTML text nodes - Expect a named HTML entity—only numeric codes work for ✎
- Assume the glyph renders identically across all fonts and platforms
Key Takeaways
Three references render ✎ (no named entity)
✎ ✎For CSS stylesheets, use the escape in the content property
\270EUnicode U+270E — LOWER RIGHT PENCIL (Dingbats)
Common for edit, note, and write actions in UI and content
❓ Frequently Asked Questions
✎ (hex), ✎ (decimal), or \270E in CSS content. All produce ✎. There is no named HTML entity.U+270E (LOWER RIGHT PENCIL). Dingbats block. Hex 270E, decimal 9998. It depicts a pencil pointing downward to the right, commonly used for edit, note, or write actions.✎ or ✎) is used in HTML content. The CSS entity (\270E) 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