HTML Entity for Upper Blade Scissors (✁)

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

What Is the Upper Blade Scissors Entity?

Upper Blade Scissors (✁) is the Unicode character at U+2701 (UPPER BLADE SCISSORS) in Dingbats. It is a scissors icon with the upper blade visible — used for cut/trim UI cues, design tools, and decorative content.

Remember
Character     ✁
Unicode       U+2701
Hex entity    ✁
Decimal       ✁
CSS escape    \2701
Named entity  (none)

All of these produce the same glyph: ✁. Related variants: Black Scissors (U+2702), Lower Blade Scissors (U+2703), and White Scissors (U+2704).

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Direct character✁HTML text (UTF-8)
Hex entity✁HTML markup
Decimal entity✁HTML markup
CSS escape\2701Stylesheet content
Named entity—Not defined in HTML5

When to Use Which

SituationUse
Need upper-blade scissorsType the character, or ✁ / ✁
Generated text via ::before / ::aftercontent: "\2701"
Filled black scissorsUse ✂ (U+2702)
Lower blade variantUse ✃ (U+2703)
Looking for a named entityNone for U+2701 — use numeric form

Live Preview

This scissors symbol in common UI contexts.

Cut action Cut ✁ selection
Large glyph ✁
Compared ✁ upper   ✂ black   ✃ lower
Design tool Trim ✁ layer
With entities Hex: ✁ | Decimal: ✁

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 a cut-action label).

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Upper Blade Scissors</title>
  <style>
    #point::after {
      content: "\2701";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x2701;</p>
  <p>Using HTML Code: &#9985;</p>
  <p id="point">Using CSS Entity: </p>
  <p>Typed directly: &#x2701;</p>
  <p>Cut &#x2701; selection</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+2701 → &#x2701; in HTML. The browser turns it into the glyph.

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

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

4. Typed / label: fine in UTF-8 pages. The Cut ✁ selection 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+2701. Use numeric forms.

Look-alikes

Pick the right scissors

U+2701 is upper blade. U+2702 is black. U+2703 is lower blade. U+2704 is white.

CSS vs HTML

Do not mix escapes

\2701 belongs in CSS. &#x2701; / &#9985; belong in HTML.

Fonts

Check the glyph

Dingbats coverage varies. If the scissors do not show, describe the action in nearby text.

A11y

Do not rely on the icon alone

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

Semicolon

End references

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

Browser Support

Upper Blade Scissors (U+2701) and its numeric entity forms (&#x2701;, &#9985;, CSS \\2701) are supported in all mainstream browsers. Glyph shape depends on the font.

✓ Universal support

Upper Blade Scissors

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+2701 / entities Full support

Bottom line: Use &#x2701; or &#9985; for the Unicode glyph, and \\2701 only inside CSS content. Pair with a text label for accessibility.

Key Takeaways

  • Unicode: this symbol is U+2701 (decimal 9985).
  • HTML: use &#x2701; or &#9985; when you need an entity.
  • CSS: use \2701 inside content for generated text.
  • Watch out: upper U+2701 ≠ black U+2702 ≠ lower U+2703.

One line: U+2701 → &#x2701; / &#9985; / CSS \2701.

Frequently Asked Questions

Use &#x2701; (hex), &#9985; (decimal), or the CSS escape \2701 in the content property. All render U+2701. You can also paste the character directly when your file is UTF-8.
U+2701 (hex 2701, decimal 9985). Unicode names it UPPER BLADE SCISSORS. It belongs to Dingbats (U+2700–U+27BF).
No. HTML5 does not define a named entity for this character. Use numeric references like &#x2701; or &#9985;.
U+2701 is upper blade scissors. U+2702 is black scissors. U+2703 is lower blade scissors. U+2704 is white scissors. They are different Dingbats code points.
HTML entities (&#9985; or &#x2701;) go in markup. The CSS escape \2701 is used in stylesheets (usually in the content property of ::before/::after). Both render the same glyph.
Use it for cut/trim UI cues, design tool icons, or decorative scissors imagery. Always pair the glyph with clear labels (for example “Cut”) for accessibility.

Did you know?

This symbol is Unicode U+2701 (decimal 9985) — official name UPPER BLADE SCISSORS in Dingbats. HTML5 has no named entity. Related scissors include black U+2702, lower blade U+2703, and white U+2704.

Next: Upper Right Drop Shadowed White Square

Learn the HTML entity for Upper Right Drop Shadowed White Square — 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