HTML Entity for Black Scissors (✂)
What You'll Learn
How to display Black Scissors (✂) in HTML and CSS. This character is U+2702 in the Dingbats block (U+2700–U+27BF), approved in Unicode 1.1 (1993). Its Unicode name is BLACK SCISSORS—commonly used for cut, copy, or trimming actions in user interfaces and creative projects.
There is no named HTML entity for U+2702. Use ✂ or ✂ in markup, or \2702 in stylesheet content. You can add Variation Selector-16 (U+FE0F) for colorful emoji display (✂️) in supporting contexts. Pair tool glyphs with visible text or aria-label (for example “Cut” or “Scissors”).
⚡ Quick Reference — Black Scissors
U+2702Dingbats (U+2700–U+27BF)
✂Hexadecimal reference
✂Decimal reference
—None (use numeric refs)
Name Value
──────────── ──────────
Unicode U+2702
Hex code ✂
HTML code ✂
Named entity —
CSS code \2702Complete HTML Example
This example shows U+2702 using hexadecimal and decimal character references, plus a CSS content escape on a pseudo-element:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\2702";
}
</style>
</head>
<body>
<p>Black Scissors using Hexa Decimal: ✂</p>
<p>Black Scissors using HTML Code: ✂</p>
<p id="point">Black Scissors using CSS Entity: </p>
</body>
</html>🌐 Browser Support
U+2702 is widely supported in modern browsers; hand glyph artwork varies by typeface:
👀 Live Preview
See the glyph at different sizes and beside the white scissors variant (font-dependent):
🧠 How It Works
Hexadecimal Code
✂ references code point U+2702 using hex digits 2702 after the #x prefix.
Decimal HTML Code
✂ is the decimal equivalent (9986) for the same Black Scissors character.
CSS Entity
\2702 is the CSS escape for U+2702, used in the content property of ::before or ::after.
Same visual result
Hex, decimal, and CSS escapes all produce ✂. There is no named HTML entity for U+2702.
Use Cases
The Black Scissors (✂) is commonly used for:
Toolbar buttons, edit menus, and clipboard actions in applications.
Design tools, image editors, and creative software interfaces.
Crafting, scrapbooking, fashion design, and DIY content.
Document editing, trimming, and office supply themes.
Sewing, paper crafts, and maker or workshop content.
Posts about cutting, editing, trimming, or creative projects.
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+2702
- Pair ✂ with ✄ (white scissors) for black/white Dingbats pairs in UI or docs
- Append
U+FE0F(️) when you want emoji-style ✂️ where supported - Scale with
font-sizefor headers, icons, or subtle accents - Choose fonts that support the Dingbats block (U+2700–U+27BF)
- Use
\2702only inside CSScontent, not inside HTML text nodes - Add
aria-hidden="true"when purely decorative, or text for meaningful markers
Don’t
- Confuse U+2702 with U+2704 (white 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
Two numeric references render the same glyph
✂ ✂CSS content escape
\2702U+2702 is BLACK SCISSORS; pairs with White Scissors U+2704
Dingbats block U+2700–U+27BF; no named HTML entity
Pair ornamental glyphs with text or ARIA when meaning must be clear
❓ Frequently Asked Questions
✂ (hex), ✂ (decimal), or \2702 in CSS content. There is no named entity; all valid methods render ✂.U+2702 (hex 2702, decimal 9986). Dingbats (U+2700–U+27BF). Unicode name BLACK SCISSORS.\2702 escape belongs in stylesheets (for example on pseudo-elements). Do not paste CSS escapes into HTML text nodes.✂, ✂, or \2702 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.
About the author
8 people found this page helpful