HTML Entity for Lower Blade Scissors (✃)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+2703
HTML Entity for Lower Blade Scissors tutorial illustration

What You'll Learn

How to display the Lower Blade Scissors (✃) in HTML using various entity methods. The Lower Blade Scissors is a Dingbats character used to represent cutting tools, crafts, and design elements and is useful for icons, labels, and decorative content.

This character is part of the Dingbats Unicode block and can be rendered with a hexadecimal reference, a decimal reference, or a CSS escape in the content property. There is no named HTML entity for this symbol.

⚡ Quick Reference — Lower Blade Scissors Entity

Unicode U+2703

Dingbats block

Hex Code ✃

Hexadecimal reference

HTML Code ✃

Decimal reference

Named Entity —

No named entity

Reference Table
Name           Value
────────────   ──────────
Unicode        U+2703
Hex code       ✃
HTML code      ✃
Named entity   (none)
CSS code       \2703
Meaning        Lower blade scissors
Related        U+2701 upper blade, U+2702 black, U+2704 white
Block          Dingbats (U+2700–U+27BF)
1

Complete HTML Example

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

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\2703";
  }
 </style>
</head>
<body>
<p>Symbol (hex): &#x2703;</p>
<p>Symbol (decimal): &#9987;</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

The Lower 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 Lower Blade Scissors (✃) in UI and content contexts:

Large glyph✃
Cut actionCut ✃ selection
Craft labelDIY project ✃ step 2
PackagingCut here ✃
Numeric refs&#x2703; &#9987; \2703

🧠 How It Works

1

Hexadecimal Code

&#x2703; uses the Unicode hexadecimal value 2703 to display the Lower Blade Scissors. The x prefix indicates hexadecimal format.

HTML markup
2

Decimal HTML Code

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

HTML markup
3

CSS Entity

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

✅

Use Cases

The Lower Blade Scissors (✃) is commonly used in:

✂ Cutting & craft

Represent cutting tools, craft instructions, and DIY or hobby content.

🎨 Design & typography

Use in graphic design, logos, and typographic layouts as a decorative or functional symbol.

💻 UI icons & actions

Indicate cut, trim, or delete actions in toolbars, menus, and buttons.

👗 Tailoring & fashion

Show cutting or tailoring steps in fashion, pattern, and sewing content.

📦 Packaging & shipping

Mark open-here or cut-here instructions on labels and packaging graphics.

📖 Educational content

Teach about tools, safety, or steps that involve cutting in tutorials and guides.

📋 Lists & checklists

Use as a bullet or marker in lists related to crafts, editing, or trimming tasks.

💡 Best Practices

Do

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

Don’t

  • Use ✃ as the only cue for a destructive action without confirmation
  • Confuse ✃ (U+2703) with ✂ (black scissors U+2702)
  • Put CSS escape \2703 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 here” text)

Key Takeaways

1

Three references render ✃ (no named entity)

&#x2703; &#9987;
2

For CSS stylesheets, use the escape in the content property

\2703
3

Unicode U+2703 — LOWER BLADE SCISSORS (Dingbats)

4

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

5

Previous: Low Line (̲)   Next: Lower Left Semicircular Anticlockwise Arrow

❓ Frequently Asked Questions

Use &#x2703; (hex), &#9987; (decimal), or \2703 in CSS content. All produce ✃. There is no named HTML entity.
U+2703 (LOWER BLADE SCISSORS). Dingbats block. Hex 2703, decimal 9987. Related symbols include Upper Blade Scissors U+2701, Black Scissors U+2702 (✂), and White Scissors U+2704.
For cutting and craft content, design and typography, UI cut or trim icons, tailoring and fashion sites, packaging labels, educational tool content, and any context where a scissors symbol is needed.
HTML code (&#9987; or &#x2703;) is used in HTML content. The CSS entity (\2703) 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

Low Line (̲) Lower Left Semicircular Anticlockwise Arrow