HTML Entity for Universal Recycling Symbol (♲)
What You'll Learn
How to display the Universal Recycling Symbol (♲) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+2672 (UNIVERSAL RECYCLING SYMBOL) in the Miscellaneous Symbols block (U+2600–U+26FF)—an internationally recognized mark for recyclable materials and environmental consciousness.
Render it with ♲, ♲, or CSS escape \2672. There is no named HTML entity. Do not confuse ♲ with ♻ (black universal recycling symbol, U+267B) or resin-type marks such as ♳–♹.
⚡ Quick Reference — Universal Recycling Symbol
U+2672Miscellaneous Symbols block
♲Hexadecimal reference
♲Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+2672
Hex code ♲
HTML code ♲
Named entity (none)
CSS code \2672
Meaning Universal recycling symbol
Related U+267B = black universal recycling (♻)
U+267A = generic materials (♺)
Block Miscellaneous Symbols (U+2600–U+26FF)Complete HTML Example
A simple example showing ♲ using hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point::after{
content: "\2672";
}
</style>
</head>
<body>
<p>Recycling (hex): ♲</p>
<p>Recycling (decimal): ♲</p>
<p id="point">Recycling (CSS): </p>
</body>
</html>🌐 Browser Support
U+2672 is supported in modern browsers when rendered with a font that includes Miscellaneous Symbols:
👀 Live Preview
See the Universal Recycling Symbol (♲) in sustainability and eco contexts:
🧠 How It Works
Hexadecimal Code
♲ uses the Unicode hexadecimal value 2672 to display the Universal Recycling Symbol. The x prefix indicates hexadecimal format.
Decimal HTML Code
♲ uses the decimal Unicode value 9842 to display the same character.
CSS Entity
\2672 is used in CSS stylesheets in the content property of pseudo-elements like ::before and ::after.
Same visual result
All three methods produce: ♲. Unicode U+2672 in the Miscellaneous Symbols block (U+2600–U+26FF). No named HTML entity—use numeric codes in markup. Serve HTML as UTF-8.
Use Cases
The Universal Recycling Symbol (♲) is commonly used in:
Environmental blogs, eco-friendly platforms, and green marketing pages.
Waste management systems, municipal recycling guides, and drop-off info.
Material specs, recyclability labels, and product information pages.
Corporate sustainability pages and environmental awareness campaigns.
Environmental tutorials and instructional recycling content.
Logos, headers, and decorative sustainability-themed UI elements.
💡 Best Practices
Do
- Use
♲or♲consistently in markup - Add
aria-label="recycling"or visible text for accessibility - Use fonts that support Miscellaneous Symbols (Segoe UI Symbol, Apple Symbols)
- Pair ♲ with explanatory text such as “Recyclable” or “Please recycle”
- Serve pages with UTF-8 (
<meta charset="utf-8">)
Don’t
- Confuse ♲ (U+2672) with ♻ (black universal recycling U+267B)
- Use U+02672 or CSS
\02672—the correct value is U+2672 and\2672 - Expect a named entity—none exists for U+2672
- Put CSS escape
\2672in HTML text nodes - Rely on the symbol alone in accessibility-critical recycling interfaces
Key Takeaways
Two HTML numeric references render ♲
♲ ♲For CSS stylesheets, use \2672 in content
Unicode U+2672 — UNIVERSAL RECYCLING SYMBOL
Distinct from black universal recycling ♻ (U+267B)
Three methods, one glyph — no named HTML entity
❓ Frequently Asked Questions
♲ (hex), ♲ (decimal), or \2672 in CSS content. There is no named entity. All produce ♲.U+2672 (UNIVERSAL RECYCLING SYMBOL). Miscellaneous Symbols block (U+2600–U+26FF). Hex 2672, decimal 9842. Indicates recyclable materials and environmental consciousness.♲ or ♲) go in markup. The CSS escape \2672 is used in stylesheets, typically in the content property of pseudo-elements. Same visual result, different layers of the stack.Explore More HTML Entities!
Discover 1500+ HTML character references — eco symbols, math operators, punctuation, and more.
About the author
8 people found this page helpful