HTML Entity for Writing Hand (✍)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+270D

What You'll Learn

How to display the Writing Hand symbol (✍) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+270D (WRITING HAND) in the Dingbats block (U+2700–U+27BF)—a hand holding a pen or pencil.

Render it with ✍, ✍, or CSS escape \270D. There is no named HTML entity. Do not confuse ✍ with ✏ (U+270F, pencil) or emoji 🖊 (U+1F58A, pen). Pair the glyph with visible text or aria-label when it conveys meaning.

⚡ Quick Reference — Writing Hand

Unicode U+270D

Dingbats

Hex Code ✍

Hexadecimal reference

HTML Code ✍

Decimal reference

Named Entity

Use numeric codes only

Reference Table
Name           Value
────────────   ──────────
Unicode        U+270D
Hex code       ✍
HTML code      ✍
Named entity   (none)
CSS code       \270D
Meaning        Writing hand (pen/pencil)
Related        U+270F = ✏ (pencil)
               U+2711 = ✑ (white nib)
               U+270E = ✎ (lower right pencil)
Block          Dingbats (U+2700–U+27BF)
1

Complete HTML Example

A simple example showing Writing Hand (✍) using hexadecimal code, decimal HTML code, and a CSS content escape:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #sign:after{
   content: "\270D";
  }
 </style>
</head>
<body>
<p>Writing Hand (hex): &#x270D; Sign here</p>
<p>Writing Hand (decimal): &#9997; Sign here</p>
<p id="sign">Sign here: </p>
</body>
</html>
Try It Yourself

🌐 Browser Support

U+270D is supported in modern browsers when the font includes Dingbats glyphs:

Chrome1+
Firefox1+
Safari1+
Edge12+
Opera4+
Android4.4+
iOS Safari1+

👀 Live Preview

See Writing Hand (✍) in context:

Signature line✍ Sign here
Large glyph
Writing tools✍ ✏ ✑
Not the same as✏ (U+270F, pencil)  |  🖊 (U+1F58A, emoji pen)
Numeric refs&#x270D; &#9997; \270D

🧠 How It Works

1

Hexadecimal Code

&#x270D; uses the Unicode hexadecimal value 270D to display the Writing Hand symbol. The x prefix indicates hexadecimal format.

HTML markup
2

Decimal HTML Code

&#9997; uses the decimal Unicode value 9997 to display the same character.

HTML markup
3

CSS Entity

\270D is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.

CSS stylesheet
=

Same visual result

All three methods produce the glyph: . Unicode U+270D is WRITING HAND in the Dingbats block. Not the same as ✏ (pencil) or emoji 🖊.

Use Cases

Writing Hand (✍) is commonly used in:

✍ Signature sections

Signature areas, contact forms, and personal message blocks.

📝 Blog posts

Writing, journaling, and creative content with a personal touch.

📄 Handwritten notes

Illustrate informal notes, personal messages, and casual sections.

🎨 Creative projects

Portfolios, art sites, and design projects emphasizing craft.

👤 Contact pages

About pages and personal websites with a handwritten feel.

📚 Writing content

Articles and tutorials about writing, authorship, and expression.

♿ Accessibility

Pair ✍ with visible text or aria-label; do not rely on the glyph alone.

💡 Best Practices

Do

  • Use ✍ for a hand-with-pen cue; use ✏ for a pencil/edit icon
  • Pair the symbol with accessible text like “Sign here” or aria-label
  • Use fonts that support Dingbats characters
  • Pick one numeric style (hex or decimal) per project for consistency
  • Test rendering across browsers and devices

Don’t

  • Confuse ✍ (writing hand) with ✏ (pencil) or emoji 🖊
  • Use the glyph as the only signature or writing cue
  • Put CSS escape \270D in HTML text nodes
  • Mix entity styles randomly in one file
  • Expect a named HTML entity—none exists for ✍

Key Takeaways

1

Type ✍ directly, or use hex/decimal references

&#x270D; &#9997;
2

For CSS stylesheets, use the escape in the content property

\270D
3

Unicode U+270D — WRITING HAND (Dingbats)

4

Related writing glyphs: ✏ pencil, ✑ white nib

❓ Frequently Asked Questions

Use &#x270D; (hex), &#9997; (decimal), or \270D in CSS content. There is no named HTML entity. In UTF-8 you can also type ✍ directly.
U+270D (WRITING HAND). Dingbats block U+2700–U+27BF. Hex 270D, decimal 9997. Represents a hand holding a pen or pencil.
For signature sections, blog posts about writing, handwritten notes, creative projects, contact and about pages, and content emphasizing written communication or a personal touch.
HTML entities (&#9997; or &#x270D;) go directly in markup. The CSS escape \270D is used in stylesheets, typically in the content property of pseudo-elements. Same visual result, different layers of the stack.
Named HTML entities are reserved for commonly used ASCII, Latin-1, and widely recognized symbols. Dingbats like ✍ use numeric codes. Use &#9997; or &#x270D; in HTML, or \270D in CSS.

Explore More HTML Entities!

Discover 1500+ HTML character references — symbols, Dingbats, and more.

All HTML Entities →

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