HTML Entity for Lower Right Pencil (✎)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+270E

What Is the Lower Right Pencil Entity?

Lower Right Pencil (✎) is the Dingbats character at Unicode U+270E (LOWER RIGHT PENCIL). It is a decorative pencil glyph often used for edit, write, and note cues.

Remember
Character     ✎
Unicode       U+270E
Hex entity    ✎
Decimal       ✎
Named entity  (none)
CSS escape    \270E
Related       ✐ ✏ ✒

Hex, decimal, CSS, and a typed character all produce the same glyph: ✎. Prefer ✎ when you want an explicit entity. There is no named HTML form.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Hex entity✎HTML markup (best entity default)
Decimal entity✎HTML markup
Named entityNoneHTML5 does not define one
CSS escape\270EStylesheet content
Direct character✎UTF-8 HTML text

When to Use Which

SituationUse
Readable numeric entity in HTML✎
Decimal entity required✎
Generated icon via ::before / ::aftercontent: "\270E"
Upper-right pencil lookSee Upper Right Pencil (U+2710)
Generic pencil DingbatSee Pencil (U+270F)

Live Preview

Lower Right Pencil in common edit and comparison contexts.

Edit cue ✎ Edit profile
Large glyph ✎
Hex entity ✎ → ✎
vs related pencils ✎  |  ✐  |  ✏  |  ✒
With entities Hex: ✎ | Decimal: ✎

Complete HTML Example

One page that shows this character with hex, decimal, and CSS. Use View Output or open the live editor.

Hex + Decimal + CSS

Three ways to produce ✎ in a single document (no named entity).

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Lower Right Pencil (✎)</title>
  <style>
    #point::after {
      content: "\270E";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x270E;</p>
  <p>Using HTML Code: &#9998;</p>
  <p id="point">Using CSS Entity: </p>
  <p>&#x270E; Edit profile</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+270E → &#x270E; in HTML. The browser turns it into ✎.

2. Decimal: same code point as 9998 → &#9998;. Same result as hex.

3. Named: HTML5 does not define a named entity for this character — use hex or decimal instead.

4. CSS: use \270E in content (not an HTML entity). #point::after appends that ✎ after the paragraph text.

Pitfalls & Tips

Common mistakes when working with Lower Right Pencil.

Look-alikes

Not ✐ / ✏ / ✒

Upper-right pencil, plain pencil, and black nib are different Dingbats. Pick the exact code point.

Named

No &…; name

Do not invent a name such as &pencil;. Use &#x270E; or &#9998;.

A11y

Add accessible text

Pair the icon with visible text like “Edit”, or provide an aria-label on interactive controls.

CSS vs HTML

Do not mix escapes

\270E belongs in CSS. &#x270E; / &#9998; belong in HTML.

Fonts

Dingbats coverage

Most modern fonts include U+270E, but emoji-style fonts may redraw it — verify on target devices.

Semicolon

End references

Always finish with ; — write &#x270E;, not &#x270E.

Browser Support

Lower Right Pencil (U+270E) and its entity forms (&#x270E;, &#9998;, CSS \\270E) are supported in all modern browsers. Glyph style depends on the font.

✓ Universal encoding

Lower Right Pencil (&#x270E;)

Encode with hex, decimal, or CSS escape — or type ✎ directly in UTF-8 HTML. No named entity.

100% Browser coverage
Google Chrome Supported
Yes
Microsoft Edge Supported
Yes
Mozilla Firefox Supported
Yes
Apple Safari Supported
Yes
Opera Supported
Yes
Internet Explorer IE 9+
Yes*
U+270E Full support

Bottom line: Prefer &#x270E; for readable HTML. Use \\270E only inside CSS content.

Key Takeaways

  • Unicode: this character is U+270E (decimal 9998).
  • HTML: prefer &#x270E; — or use &#9998;. No named entity.
  • CSS: use \270E inside content for generated icons.
  • Watch out: U+270E ≠ upper ✐ ≠ pencil ✏ ≠ nib ✒.

One line: U+270E → &#x270E; / &#9998; / CSS \270E (no named entity).

Frequently Asked Questions

Use &#x270E; (hex), &#9998; (decimal), or the CSS escape \270E in the content property. All render ✎ when the font supports Dingbats. There is no named HTML entity.
U+270E (LOWER RIGHT PENCIL). Hex 270E, decimal 9998. It belongs to Dingbats (U+2700–U+27BF).
No. HTML5 does not define a named entity for U+270E. Use numeric references like &#x270E; or &#9998;.
Use it for edit/write icons, notes, comments, and creative UI when you need the lower-right Dingbat pencil.
HTML entities (&#9998; or &#x270E;) go in markup. The CSS escape \270E is used in stylesheets (usually in the content property of ::before/::after). Both render ✎.
Upper Right Pencil is U+2710. Plain Pencil is often U+270F. Black Nib is U+2712. Lower Right Pencil (U+270E, ✎) is a distinct Dingbat.

Did you know?

Lower Right Pencil is Unicode U+270E (decimal 9998) — LOWER RIGHT PENCIL in Dingbats. HTML5 has no named entity — use &#x270E; or &#9998;. It is often used for edit, note, and write UI cues.

Next: Lower Right Semicircular Clockwise Arrow

Learn the HTML entity for Lower Right Semicircular Clockwise Arrow — next in this sequence.

Continue tutorial →

About the author

Mari Selvan M P
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.

8 people found this page helpful