HTML Entity for White Scissors (✄)

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

What You'll Learn

How to display White Scissors (✄) in HTML and CSS. This character is U+2704 in the Dingbats block (U+2700–U+27BF), approved in Unicode 1.1 (1993). Its Unicode name is WHITE SCISSORS—commonly used for cutting-line effects, design elements, editing interfaces, and craft-related content.

There is no named HTML entity for U+2704. Use ✄ or ✄ in markup, or \2704 in stylesheet content. Do not confuse ✄ with ✂ (black scissors) or emoji ✂️ (which may use a different code-point sequence). Pair tool glyphs with visible text or aria-label (for example “Cut” or “Trim”).

⚡ Quick Reference — White Scissors

Unicode U+2704

Dingbats (U+2700–U+27BF)

Hex Code ✄

Hexadecimal reference

HTML Code ✄

Decimal reference

Named Entity

None (use numeric refs)

Reference Table
Name           Value
────────────   ──────────
Unicode        U+2704
Hex code       ✄
HTML code      ✄
Named entity   —
CSS code       \2704
Meaning        White scissors
Related        U+2702 = ✂ (black scissors)
Block          Dingbats (U+2700–U+27BF)
1

Complete HTML Example

This example shows U+2704 using hexadecimal and decimal character references, plus a CSS content escape on a pseudo-element:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\2704";
  }
 </style>
</head>
<body>
<p>White Scissors using Hexa Decimal: &#x2704;</p>
<p>White Scissors using HTML Code: &#9988;</p>
<p id="point">White Scissors using CSS Entity: </p>
</body>
</html>
Try It Yourself

🌐 Browser Support

U+2704 is widely supported in modern browsers; scissors glyph artwork varies by typeface:

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

👀 Live Preview

See the glyph at different sizes and beside the black scissors variant (font-dependent):

Large glyph
Cut / trim UI✄ Cut  |  Trim selection
Scissors pair (U+2702 & U+2704)✂ ✄
CaptionU+2702 is BLACK SCISSORS; U+2704 is WHITE SCISSORS in Dingbats.
Monospace refs&#x2704; &#9988; \2704

🧠 How It Works

1

Hexadecimal Code

&#x2704; references code point U+2704 using hex digits 2704 after the #x prefix.

HTML markup
2

Decimal HTML Code

&#9988; is the decimal equivalent (9988) for the same White Scissors character.

HTML markup
3

CSS Entity

\2704 is the CSS escape for U+2704, used in the content property of ::before or ::after.

CSS stylesheet
=

Same visual result

Hex, decimal, and CSS escapes all produce . There is no named HTML entity for U+2704. Not the same as ✂ (black scissors).

Use Cases

White Scissors (✄) is commonly used for:

✂ Cutting-line effects

Design elements, borders, and decorative sections with dashed or cut-line styling.

🎨 Design elements

Graphic design projects, logos, and creative content that needs scissors imagery.

🎨 Creative projects

Craft-related websites, DIY tutorials, and maker content.

📚 Educational content

Tutorials and guides about cutting, editing, or crafting.

✎ Editing interfaces

Text editors, CMS tools, and editing UIs for cut or trim actions.

🎨 Decorative elements

Headers, footers, and design accents with visual interest.

♿ Accessibility

Pair ✄ with text or ARIA when used for decorative or thematic markers.

💡 Best Practices

Do

  • Use hex or decimal consistently—there is no named entity for U+2704
  • Pair ✄ with ✂ (black scissors) for black/white Dingbats pairs in UI or docs
  • Pair the symbol with clear labels (e.g. “Cut” or “Trim”) so meaning is clear
  • Scale with font-size for headers, icons, or subtle accents
  • Choose fonts that support the Dingbats block (U+2700–U+27BF)
  • Use \2704 only inside CSS content, not inside HTML text nodes
  • Add aria-hidden="true" when purely decorative, or text for meaningful markers

Don’t

  • Confuse U+2704 with U+2702 (black scissors) or emoji ✂️ (may use different sequences)
  • Rely on ✄ alone to communicate meaning in critical UI
  • Assume every font renders Dingbats crisply at small sizes
  • Use decorative glyphs as the only cue for important actions
  • Mix CSS escapes into HTML text nodes (use numeric refs in markup)

Key Takeaways

1

Two numeric references render the same glyph

&#x2704; &#9988;
2

CSS content escape

\2704
3

U+2704 is WHITE SCISSORS; pairs with Black Scissors U+2702

4

Dingbats block U+2700–U+27BF; no named HTML entity

❓ Frequently Asked Questions

Use &#x2704; (hex), &#9988; (decimal), or \2704 in CSS content. There is no named entity; all valid methods render ✄.
U+2704 (hex 2704, decimal 9988). Dingbats (U+2700–U+27BF). Unicode name WHITE SCISSORS.
For cutting-line effects, design elements, creative projects, educational content, editing interfaces, and craft-related content.
Numeric references belong in HTML. The \2704 escape belongs in stylesheets (for example on pseudo-elements). Do not paste CSS escapes into HTML text nodes.
No. Use &#x2704;, &#9988;, or \2704 in CSS depending on whether you are authoring markup or styles.

Explore More HTML Entities!

Discover 1500+ HTML character references — currency symbols, arrows, math operators, emojis, 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