HTML Entity for Recycling Symbol Generic Materials (♺)
What You'll Learn
How to display the Recycling Symbol for Generic Materials (♺) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+267A (RECYCLING SYMBOL FOR GENERIC MATERIALS) in the Miscellaneous Symbols block (U+2600–U+26FF)—used for general recyclable materials on eco-friendly websites and sustainability content.
Render it with ♺, ♺, or CSS escape \267A. There is no named HTML entity. Do not confuse ♺ with U+267B (♻, universal recycling), U+2678 (♸, type-6 plastics), or resin-specific marks like U+2673 (type-1 plastics).
⚡ Quick Reference — Generic Materials Symbol
U+267AMiscellaneous Symbols (U+2600–U+26FF)
♺Hexadecimal reference
♺Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+267A
Hex code ♺
HTML code ♺
Named entity (none)
CSS code \267A
Meaning Generic recyclable materials mark
Related U+267B = universal recycling (♻)
U+2678 = type-6 plastics (♸)
U+2673 = type-1 plastics (♳)
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: "\267A";
}
</style>
</head>
<body>
<p>Generic materials (hex): ♺</p>
<p>Generic materials (decimal): ♺</p>
<p id="point">Generic materials (CSS): </p>
</body>
</html>🌐 Browser Support
The Generic Materials recycling symbol (♺) is widely supported in all modern browsers:
👀 Live Preview
See the Generic Materials recycling symbol (♺) in sustainability contexts:
🧠 How It Works
Hexadecimal Code
♺ uses the Unicode hexadecimal value 267A to display the generic materials recycling symbol.
Decimal HTML Code
♺ uses the decimal Unicode value 9850 for the same character.
CSS Entity
\267A is used in CSS stylesheets in the content property of pseudo-elements for icons or labels.
Recycling symbol result
All three methods render ♺. Unicode U+267A in Miscellaneous Symbols. Next: Recycling Symbol Type 1 Plastics.
Use Cases
The Generic Materials recycling symbol (♺) is commonly used in:
Sustainability pages, green branding, and environmental campaigns.
General recyclable materials markings on packaging and products.
Mixed-material or unspecified recycling instructions online.
Non-profit sites, CSR reports, and eco-certification pages.
Character pickers, entity documentation, and symbol guides.
Pair ♺ with visible text; add aria-label when used as an icon.
💡 Best Practices
Do
- Use
♺or♺for inline generic recycling symbols - Include clear recycling text alongside the symbol
- Set
<meta charset="utf-8">for reliable rendering - Use the correct symbol—♺ for generic materials, not universal ♻
- Pick one numeric style per project for consistency
Don’t
- Confuse ♺ with universal recycling ♻ or resin-specific marks
- Use padded Unicode notation like U+0267A—the correct value is
U+267A - Use CSS escape
\267Ain HTML text nodes - Rely on ♺ alone without explanatory text for accessibility
- Assume every font renders Miscellaneous Symbols identically—test your typeface
Key Takeaways
Two HTML numeric references plus CSS for U+267A
♺ ♺For CSS stylesheets, use \267A in the content property
Unicode U+267A — RECYCLING SYMBOL FOR GENERIC MATERIALS
Distinct from universal ♻, type-specific plastic marks, and paper symbols
Previous: Type 6 Plastics (♸) Next: Type 1 Plastics
❓ Frequently Asked Questions
♺ (hex), ♺ (decimal), or \267A in CSS content. There is no named entity. All three render ♺.U+267A (RECYCLING SYMBOL FOR GENERIC MATERIALS). Miscellaneous Symbols block (U+2600–U+26FF). Hex 267A, decimal 9850.Explore More HTML Entities!
Discover 1500+ HTML character references — eco symbols, punctuation, math operators, and more.
About the author
8 people found this page helpful