HTML Entity for Recycling Symbol Type 5 Plastics (♷)
What You'll Learn
How to display the Recycling Symbol for Type 5 Plastics (♷) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+2677 (RECYCLING SYMBOL FOR TYPE-5 PLASTICS) in the Miscellaneous Symbols block (U+2600–U+26FF)—used for PP (polypropylene) resin identification on packaging and eco-friendly websites.
Render it with ♷, ♷, or CSS escape \2677. There is no named HTML entity. Do not confuse ♷ with U+267B (♻, universal recycling), U+2676 (♶, type 4 LDPE), or U+2678 (♸, type 6 PS).
⚡ Quick Reference — Type 5 Plastics Symbol
U+2677Miscellaneous Symbols (U+2600–U+26FF)
♷Hexadecimal reference
♷Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+2677
Hex code ♷
HTML code ♷
Named entity (none)
CSS code \2677
Meaning Type-5 plastics (PP) recycling mark
Resin code 5 = Polypropylene (PP)
Related U+267B = universal recycling (♻)
U+2676 = type-4 plastics (♶)
U+2678 = type-6 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: "\2677";
}
</style>
</head>
<body>
<p>Type 5 plastics (hex): ♷</p>
<p>Type 5 plastics (decimal): ♷</p>
<p id="point">Type 5 plastics (CSS): </p>
</body>
</html>🌐 Browser Support
The Type 5 Plastics recycling symbol (♷) is widely supported in all modern browsers:
👀 Live Preview
See the Type 5 Plastics recycling symbol (♷) in sustainability contexts:
🧠 How It Works
Hexadecimal Code
♷ uses the Unicode hexadecimal value 2677 to display the type 5 plastics recycling symbol.
Decimal HTML Code
♷ uses the decimal Unicode value 9847 for the same character.
CSS Entity
\2677 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+2677 in Miscellaneous Symbols. Next: Recycling Symbol Type 6 Plastics.
Use Cases
The Type 5 Plastics recycling symbol (♷) is commonly used in:
Sustainability projects, green branding, and environmental campaigns.
Yogurt tubs, bottle caps, straws, and polypropylene container labels.
Municipal waste pages explaining how to sort type 5 plastics.
Plastic resin code charts and environmental science content.
Character pickers, entity documentation, and symbol guides.
Pair ♷ with visible text like “Type 5 PP”; add aria-label for icons.
💡 Best Practices
Do
- Use
♷or♷for inline type 5 plastic marks - Include resin code text (PP / Type 5) alongside the symbol
- Set
<meta charset="utf-8">for reliable rendering - Use the correct symbol—♷ for type 5, not universal ♻
- Pick one numeric style per project for consistency
Don’t
- Confuse ♷ with universal recycling ♻ or other resin-type marks
- Use padded Unicode notation like U+02677—the correct value is
U+2677 - Use CSS escape
\2677in 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+2677
♷ ♷For CSS stylesheets, use \2677 in the content property
Unicode U+2677 — RECYCLING SYMBOL FOR TYPE-5 PLASTICS (PP)
Distinct from universal ♻, type 4 ♶, and type 6 ♸
Previous: Type 4 Plastics (♶) Next: Type 6 Plastics
❓ Frequently Asked Questions
♷ (hex), ♷ (decimal), or \2677 in CSS content. There is no named entity. All three render ♷.U+2677 (RECYCLING SYMBOL FOR TYPE-5 PLASTICS). Miscellaneous Symbols block (U+2600–U+26FF). Hex 2677, decimal 9847. Resin code 5 = PP.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