Pencil (✏) is the Dingbats character at Unicode U+270F (UPPER RIGHT PENCIL). It is often used for edit, write, and note UI cues. There is no named HTML entity; use hex, decimal, UTF-8, or CSS.
Remember
Character ✏
Unicode U+270F
Named entity none
Hex entity ✏
Decimal ✏
CSS escape \270F
All numeric and UTF-8 forms produce the same glyph: ✏. Prefer ✏ for portable markup; paste ✏ in UTF-8 when convenient.
Reference
Quick Reference
One table for every form you will actually use.
Form
Code
Where it goes
Named entity
none
Not defined in HTML5
Hex entity
✏
HTML markup
Decimal entity
✏
HTML markup
Direct character
✏
HTML text (UTF-8 default)
CSS escape
\270F
Stylesheet content
When to Use Which
Situation
Use
Portable HTML without pasting Unicode
✏ or ✏
UTF-8 UI or note text
Type or paste ✏
Generated text via ::before / ::after
content: "\270F"
Other pencil orientations
U+270E / U+2710
See it
Live Preview
Pencil rendered in common contexts.
Glyph✏
Large glyph✏
In a label✏ Update your profile
With entitiesHex: ✏ | Decimal: ✏ | Named: none
Related symbols✎ · ✐ · ✍ (writing hand)
Code
Complete HTML Example
One page that shows the pencil with hex, decimal, direct, and CSS forms. Use View Output or open the live editor.
Hex + Decimal + Direct + CSS
Four ways to produce ✏ in a single document (no named entity).
Using Hex Code: ✏
Using Decimal: ✏
Using Direct Character: ✏
Using CSS Entity: ✏
Edit note: ✏ Update your profile
How It Works
1. Hex:U+270F → ✏ in HTML. Best portable choice (no named entity).
2. Decimal: same code point as 9999 → ✏. Same glyph.
3. Direct: paste ✏ in a UTF-8 file with <meta charset="UTF-8">.
4. CSS: use \270F in content (not an HTML entity). #point::after appends that ✏ after the paragraph text.
5. Named: HTML5 has none — do not invent a name like &pencil;.
Pitfalls & Tips
Common mistakes when working with this Dingbats entity.
No name
Do not invent a named entity
There is no &…; name for U+270F. Use ✏ or ✏.
Orientation
Other pencils exist
U+270E and U+2710 are different pencil orientations. Confirm the glyph you want.
Accessibility
Do not rely on the glyph alone
For an edit control, add visible text or aria-label="Edit" so screen readers get the action.
Emoji
Presentation may vary
Some platforms render Dingbats as emoji-like. Test your font stack if you need a strict text style.
CSS vs HTML
Do not mix escapes
\270F belongs in CSS. ✏ / ✏ belong in HTML.
UTF-8
Declare charset
If you paste ✏ directly, serve the page as UTF-8 with <meta charset="UTF-8">.
Compatibility
Browser Support
Pencil (U+270F) and its entity forms (✏, ✏, CSS \\270F) are supported in all mainstream browsers. Glyph availability depends on the font.
✓ Universal support
Pencil (✏)
Prefer ✏, or encode with decimal or CSS escape — same glyph everywhere (when the font has it).
100%Browser coverage
Google ChromeSupported
Yes
Microsoft EdgeSupported
Yes
Mozilla FirefoxSupported
Yes
Apple SafariSupported
Yes
OperaSupported
Yes
Internet ExplorerAll versions
Yes
U+270F / entitiesFull support
Bottom line: There is no named entity. Prefer ✏ or ✏ in HTML, and \\270F only inside CSS content.
Remember
Key Takeaways
Unicode: upper right pencil is U+270F (decimal 9999), Dingbats.
HTML: no named entity — use ✏ or ✏.
CSS: use \270F inside content for generated text.
Use: edit / write cues — pair with accessible text.
One line:U+270F → ✏ / ✏ / CSS \270F (no named entity).
Frequently Asked Questions
Use ✏ (hex), ✏ (decimal), type ✏ in UTF-8, or the CSS escape \270F in content. There is no named HTML entity for U+270F.
U+270F (UPPER RIGHT PENCIL). Hex 270F, decimal 9999. It belongs to Dingbats and is commonly used for edit and write icons.
No. HTML5 does not define a named entity for this character. Prefer ✏ or ✏, or paste ✏ in a UTF-8 document.
Use it for edit buttons, notes, and creative UI labels. Prefer ✏ for portable markup. Add accessible text (e.g. “Edit”) when the glyph alone carries the action.
HTML numeric entities (✏ or ✏) go in markup. The CSS escape \270F is used in stylesheets (usually in the content property of ::before/::after). Both render ✏.
Nearby Dingbats include U+270E (lower right pencil) and U+2710 (upper left pencil). Emoji memo/pencil forms (e.g. U+1F4DD) are different code points. Pick the one your design needs.
🤔
Did you know?
Pencil (✏) is Unicode U+270F (decimal 9999) — UPPER RIGHT PENCIL in Dingbats. There is no named HTML entity; use ✏, ✏, UTF-8 ✏, or CSS \270F. Often used as an edit / write icon in UI.
