HTML Entity for Black Universal Recycling Symbol (♻)
What You'll Learn
How to display the Black Universal Recycling Symbol (♻) in HTML and CSS. This character is U+267B in the Miscellaneous Symbols block (U+2600–U+26FF), added in Unicode 3.2 (2002). It represents the universal recycling mark—three chasing arrows folded in a Möbius strip, created for the first Earth Day in 1970 by Gary Anderson for the Container Corporation of America.
There is no named HTML entity for U+267B. Use ♻ or ♻ in markup, or \267B in stylesheet content. You can append Variation Selector-16 (U+FE0F) for colorful emoji display (♻️) in supporting contexts. Pair the symbol with visible text or aria-label (for example “Recyclable” or “Recycling symbol”).
⚡ Quick Reference — Black Universal Recycling Symbol
U+267BMiscellaneous Symbols (U+2600–U+26FF)
♻Hexadecimal reference
♻Decimal reference
—None (use numeric refs)
Name Value
──────────── ──────────
Unicode U+267B
Hex code ♻
HTML code ♻
Named entity —
CSS code \267BComplete HTML Example
This example shows U+267B using hexadecimal and decimal character references, plus a CSS content escape on a pseudo-element. There is no named HTML entity for this symbol:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\267B";
}
</style>
</head>
<body>
<p>Black Universal Recycling Symbol using Hexa Decimal: ♻</p>
<p>Black Universal Recycling Symbol using HTML Code: ♻</p>
<p id="point">Black Universal Recycling Symbol using CSS Entity: </p>
</body>
</html>🌐 Browser Support
U+267B is widely supported in modern browsers; recycling glyph artwork varies by typeface:
👀 Live Preview
See the recycling symbol at different sizes and in common UI contexts:
🧠 How It Works
Hexadecimal Code
♻ references code point U+267B using hex digits 267B after the #x prefix.
Decimal HTML Code
♻ is the decimal equivalent (9851) for the same Black Universal Recycling Symbol character.
CSS Entity
\267B is the CSS escape for U+267B, 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+267B. The symbol was added in Unicode 3.2 (2002) and is designated as an emoji.
Use Cases
The Black Universal Recycling Symbol (♻) is commonly used for:
Eco organizations, green initiatives, and sustainability landing pages.
Blog posts, articles, and educational content about recycling and conservation.
Waste management sites, municipal recycling info, and program instructions.
Product packaging pages, green certifications, and eco-conscious brand identity.
Recyclable material indicators, packaging info, and material composition.
Recycling guides, how-to guides, and instructional content.
Pair ♻ with text or aria-label (e.g. “Recyclable” or “Recycling symbol”).
💡 Best Practices
Do
- Use hex or decimal consistently—there is no named entity for U+267B
- Append
U+FE0F(️) when you want emoji-style ♻️ where supported - Display “Recyclable,” “Recycling,” or material type alongside the symbol for clarity
- Choose fonts that support the Miscellaneous Symbols block (U+2600–U+26FF)
- Use
\267Bonly inside CSScontent, not inside HTML text nodes - Use
aria-hidden="true"when purely decorative; add text when meaning matters
Don’t
- Rely on ♻ alone to communicate critical recycling or compliance information
- Assume every font renders the recycling symbol crisply at small sizes
- Use the symbol as the only cue without visible text or labels
- Mix CSS escapes into HTML text nodes (use numeric refs in markup)
- Confuse U+267B with other arrow or loop symbols in the Miscellaneous Symbols block
Key Takeaways
Two numeric references render the same glyph
♻ ♻CSS content escape
\267BU+267B is the universal recycling symbol—three chasing arrows in a Möbius strip
Miscellaneous Symbols block U+2600–U+26FF; no named HTML entity
Pair the symbol with text or ARIA when meaning must be clear
❓ Frequently Asked Questions
♻ (hex), ♻ (decimal), or \267B in CSS content. There is no named entity; all valid methods render ♻.U+267B (hex 267B, decimal 9851). Miscellaneous Symbols (U+2600–U+26FF), added in Unicode 3.2 (2002). The symbol represents the universal recycling mark created for Earth Day 1970.\267B escape belongs in stylesheets (for example on pseudo-elements). Do not paste CSS escapes into HTML text nodes.♻, ♻, or \267B 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