HTML Entity for Upper Blade Scissors (✁)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+2701
HTML entity for Upper Blade Scissors (U+2701) — hex, decimal, and CSS tutorial

What You'll Learn

How to display the Upper Blade Scissors (✁) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+2701 (UPPER BLADE SCISSORS) in the Dingbats block (U+2700–U+27BF)—a scissors icon with the upper blade visible, used for design tools, technical documentation, cut/copy interfaces, and decorative content.

Render it with ✁, ✁, or CSS escape \2701. There is no named HTML entity. Compare ✂ (Black Scissors, U+2702) and ✃ (Lower Blade Scissors, U+2703) for related Dingbats scissors variants.

⚡ Quick Reference — Upper Blade Scissors

Unicode U+2701

Dingbats block

Hex Code ✁

Hexadecimal reference

HTML Code ✁

Decimal reference

Named Entity —

No named entity

Reference Table
Name           Value
────────────   ──────────
Unicode        U+2701
Hex code       ✁
HTML code      ✁
Named entity   (none)
CSS code       \2701
Official name  UPPER BLADE SCISSORS
Related        U+2702 = Black scissors; U+2703 = Lower blade; U+2704 = White scissors
Block          Dingbats (U+2700–U+27BF)
1

Complete HTML Example

A simple example showing the Upper Blade Scissors (✁) using hexadecimal code, decimal HTML code, and a CSS content escape:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point::after{
   content: "\2701";
  }
 </style>
</head>
<body>
<p>Upper Blade Scissors (hex): &#x2701;</p>
<p>Upper Blade Scissors (decimal): &#9985;</p>
<p id="point">Upper Blade Scissors (CSS): </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

The Upper Blade Scissors (✁) is supported in modern browsers when the font includes Dingbats glyphs:

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

👀 Live Preview

See the Upper Blade Scissors (✁) in UI and content contexts:

Large glyph✁
Cut actionCut ✁ selection
Design toolTrim ✁ layer
vs black scissors✁ upper blade   ✂ black
Numeric refs&#x2701; &#9985; \2701

🧠 How It Works

1

Hexadecimal Code

&#x2701; uses the Unicode hexadecimal value 2701 to display the Upper Blade Scissors. The x prefix indicates hexadecimal format.

HTML markup
2

Decimal HTML Code

&#9985; uses the decimal Unicode value 9985 to display the same character. This is one of the most commonly used methods.

HTML markup
3

CSS Entity

\2701 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+2701 sits in Dingbats (U+2700–U+27BF). Related scissors: U+2702 (black ✂), U+2703 (lower blade), U+2704 (white). There is no named HTML entity.

✅

Use Cases

The Upper Blade Scissors (✁) is commonly used in:

🎨 Design tools

Graphic design interfaces, creative software, and cut/trim tool indicators.

📖 Technical docs

User manuals and instructional content referencing cutting or editing operations.

💻 UI icons & actions

Cut, trim, or edit buttons in toolbars, menus, and symbol-based interfaces.

📋 Cut/copy interfaces

Applications and websites with cut, copy, and paste functionality.

✨ Decorative content

Logos, creative portfolios, and design showcases using scissors imagery.

📦 Packaging labels

Cut-here or open-here instructions on labels and shipping graphics.

💡 Best Practices

Do

  • Pair ✁ with text or aria-label (e.g. “Cut”) for accessibility
  • Use numeric references (&#x2701; or &#9985;) consistently in HTML
  • Pick the right scissors variant for your design (upper blade, black, lower blade, white)
  • Verify Dingbats glyph support in your target fonts and devices
  • Use \2701 in CSS content when inserting via pseudo-elements

Don’t

  • Use ✁ as the only cue for a destructive action without confirmation
  • Confuse ✁ (U+2701) with ✂ (black scissors U+2702) or ✃ (lower blade U+2703)
  • Put CSS escape \2701 in HTML text nodes
  • Expect a named HTML entity—only numeric codes work for ✁
  • Rely on the glyph alone when context is unclear (add “Cut” text)

Key Takeaways

1

Three references render ✁ (no named entity)

&#x2701; &#9985;
2

For CSS stylesheets, use the escape in the content property

\2701
3

Unicode U+2701 — UPPER BLADE SCISSORS (Dingbats)

4

One of several scissors symbols alongside U+2702, U+2703, and U+2704

5

Previous: Up White Arrow On Pedestal (⇫)   Next: Upper Right Drop Shadowed White Square

❓ Frequently Asked Questions

Use &#x2701; (hex), &#9985; (decimal), or \2701 in CSS content. All produce ✁. There is no named HTML entity.
U+2701 (UPPER BLADE SCISSORS). Dingbats block (U+2700–U+27BF). Hex 2701, decimal 9985. Related symbols include Black Scissors U+2702 (✂), Lower Blade Scissors U+2703, and White Scissors U+2704.
For design tools, technical documentation, symbol-based interfaces, cut/copy UI elements, decorative content, and any context that needs scissors imagery with the upper blade visible.
HTML code (&#9985; or &#x2701;) is used in HTML content. The CSS entity (\2701) is used in CSS, e.g. in the content property of ::before or ::after. Both produce ✁ but in different contexts.
Named HTML entities are typically reserved for ASCII, Latin-1, and some common symbols. Dingbats like ✁ use numeric codes (hex or decimal) because they are part of specialized Unicode blocks.

Explore More HTML Entities!

Discover 1500+ HTML character references — Dingbats, symbols, 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.

AWS Certified Developer – Associate (Credly)

8 people found this page helpful

Up White Arrow On Pedestal (⇫) Upper Right Drop Shadowed White Square