HTML Entity for Upper Right Pencil (✐)

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+2710

HTML Entity for Upper Right Pencil (U+2710) tutorial illustration

Definition

What Is the Upper Right Pencil Entity?

Upper Right Pencil (✐) is the Unicode character at U+2710 (WHITE NIB) in Dingbats. It is commonly used as a pencil or writing icon for notes, annotations, and edit actions.

Remember

Character     ✐
Unicode       U+2710
Hex entity    &#x2710;
Decimal       &#10000;
CSS escape    \2710
Named entity  (none)
Official name WHITE NIB

All of these produce the same glyph: ✐. Related writing symbols: Lower Right Pencil (U+270E) and Pencil (U+270F).

Reference

Quick Reference

One table for every form you will actually use.

Form	Code	Where it goes
Direct character	`✐`	HTML text (UTF-8)
Hex entity	`✐`	HTML markup
Decimal entity	`✐`	HTML markup
CSS escape	`\2710`	Stylesheet `content`
Named entity	—	Not defined in HTML5

When to Use Which

Situation	Use
Need this white-nib / pencil glyph	Type the character, or `✐` / `✐`
Generated text via `::before` / `::after`	`content: "\2710"`
Lower-right pencil	Use ✎ (U+270E)
Standard pencil glyph	Use ✏ (U+270F)
Looking for a named entity	None for U+2710 — use numeric form

See it

Live Preview

This pencil / nib symbol in common UI contexts.

Edit action ✐ Edit note

Large glyph ✐

Compared ✐ white nib ✎ lower ✏ pencil

Annotation Add comment ✐

With entities Hex: ✐ | Decimal: ✐

Code

Complete HTML Example

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

Hex + Decimal + CSS + Typed

All four ways to produce ✐ in a single document (plus an edit-action label).

html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Upper Right Pencil</title>
  <style>
    #point::after {
      content: "\2710";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x2710;</p>
  <p>Using HTML Code: &#10000;</p>
  <p id="point">Using CSS Entity: </p>
  <p>Typed directly: &#x2710;</p>
  <p>&#x2710; Edit note</p>
</body>
</html>

Try It Yourself

How It Works

1. Hex: U+2710 → ✐ in HTML. The browser turns it into the glyph.

2. Decimal: same code point as 10000 → ✐. Same result as hex.

3. CSS: use \2710 in content (not an HTML entity). #point::after appends that glyph after the paragraph text.

4. Typed / label: fine in UTF-8 pages. The ✐ Edit note line shows a common UI pattern.

Pitfalls & Tips

Common mistakes when working with this symbol.

Named?

No named entity

HTML5 does not define a named entity for U+2710. Use numeric forms.

Look-alikes

Pick the right writing glyph

U+2710 is WHITE NIB. U+270E is lower-right pencil. U+270F is pencil. Do not swap them.

Name

Official Unicode name

Unicode calls this WHITE NIB. This site’s page title “Upper Right Pencil” matches the common UI reading of the glyph.

CSS vs HTML

Do not mix escapes

\2710 belongs in CSS. ✐ / ✐ belong in HTML.

A11y

Do not rely on the icon alone

Screen readers may not name this symbol clearly. Keep labels like “Edit” next to the glyph.

Semicolon

End references

Always finish with ; — write ✐, not &#10000.

Compatibility

Browser Support

Upper Right Pencil / WHITE NIB (U+2710) and its numeric entity forms (✐, ✐, CSS \\2710) are supported in all mainstream browsers. Glyph shape depends on the font.

✓ Universal support

Upper Right Pencil

Encode with hex, decimal, or CSS escape — or paste the character in UTF-8 HTML.

100% Browser coverage

Google Chrome Supported

Yes

Microsoft Edge Supported

Yes

Mozilla Firefox Supported

Yes

Apple Safari Supported

Yes

Opera Supported

Yes

Internet Explorer All versions

Yes

U+2710 / entities Full support

Bottom line: Use ✐ or ✐ for the Unicode glyph, and \\2710 only inside CSS content. Pair with a text label for accessibility.

Remember

Key Takeaways

Unicode: this symbol is U+2710 (decimal 10000) — WHITE NIB.
HTML: use ✐ or ✐ when you need an entity.
CSS: use \2710 inside content for generated text.
Watch out: U+2710 ≠ U+270E ≠ U+270F (related writing glyphs).

One line: U+2710 → ✐ / ✐ / CSS \2710.

Frequently Asked Questions

How do I display Upper Right Pencil in HTML?

Use ✐ (hex), ✐ (decimal), or the CSS escape \2710 in the content property. All render U+2710. You can also paste the character directly when your file is UTF-8.

What is the Unicode value for Upper Right Pencil?

U+2710 (hex 2710, decimal 10000). Unicode names it WHITE NIB. It belongs to Dingbats (U+2700–U+27BF) and is commonly used as a pencil or edit icon.

Is there a named HTML entity for U+2710?

No. HTML5 does not define a named entity for this character. Use numeric references like ✐ or ✐.

How is U+2710 different from U+270E and U+270F?

U+2710 is WHITE NIB (often called upper-right pencil). U+270E is lower-right pencil. U+270F is pencil. They are different Dingbats writing symbols.

What is the difference between HTML code and CSS entity for U+2710?

HTML entities (✐ or ✐) go in markup. The CSS escape \2710 is used in stylesheets (usually in the content property of ::before/::after). Both render the same glyph.

When should I use this symbol?

Use it for edit, note, or annotate UI cues. Always pair the glyph with clear labels such as “Edit” for accessibility.

Did you know?

This symbol is Unicode U+2710 (decimal 10000) — official name WHITE NIB in Dingbats. HTML5 has no named entity. Related writing symbols include lower-right pencil U+270E and pencil U+270F.

Next: Upper Right Shadowed White Square

Learn the HTML entity for Upper Right Shadowed White Square — next in this sequence.

Continue tutorial →

About the author

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.

AWS Certified Developer – Associate (Credly)

8 people found this page helpful

HTML Entity | Upper Right Drop Shadowed White Square HTML Entity | Upper Right Shadowed White Square