HTML Entity for Recycling Symbol For Type 6 Plastics (♸)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+2678

What You'll Learn

How to display the Recycling Symbol for Type 6 Plastics (♸) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+2678 (RECYCLING SYMBOL FOR TYPE-6 PLASTICS) in the Miscellaneous Symbols block (U+2600–U+26FF)—used for polystyrene (PS) plastic resin identification and eco-friendly packaging labels.

Render it with ♸, ♸, or CSS escape \2678. There is no named HTML entity. Do not confuse ♸ with U+267B (♻, universal recycling), U+267A (♺, generic materials), or other type-specific plastic marks like U+2677 (type 5) and U+2679 (type 7).

⚡ Quick Reference — Type 6 Plastics Symbol

Unicode U+2678

Miscellaneous Symbols (U+2600–U+26FF)

Hex Code ♸

Hexadecimal reference

HTML Code ♸

Decimal reference

Named Entity

Use numeric codes only

Reference Table
Name           Value
────────────   ──────────
Unicode        U+2678
Hex code       ♸
HTML code      ♸
Named entity   (none)
CSS code       \2678
Meaning        Type-6 plastics (PS) recycling mark
Resin code     6 = Polystyrene (PS)
Related        U+267B = universal recycling (♻)
               U+267A = generic materials (♺)
               U+2679 = type-7 plastics (♹)
Block          Miscellaneous Symbols (U+2600–U+26FF)
1

Complete HTML Example

A simple example showing ♸ using hexadecimal code, decimal HTML code, and a CSS content escape:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point::after{
   content: "\2678";
  }
 </style>
</head>
<body>
<p>Type 6 plastics (hex): &#x2678;</p>
<p>Type 6 plastics (decimal): &#9848;</p>
<p id="point">Type 6 plastics (CSS): </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

The Type 6 Plastics recycling symbol (♸) is widely supported in all modern browsers:

Chrome1+
Firefox1+
Safari1+
Edge12+
Opera4+
Android4.4+
iOS Safari1+

👀 Live Preview

See the Type 6 Plastics recycling symbol (♸) in sustainability contexts:

Single symbol
Packaging label ♸ PS — Polystyrene (Type 6)
Recycling guide ♸ Recycle with type 6 plastics
Not the same as Universal ♻  |  Generic ♺  |  Type 7 ♹
Numeric refs &#x2678; &#9848; \2678

🧠 How It Works

1

Hexadecimal Code

&#x2678; uses the Unicode hexadecimal value 2678 to display the type 6 plastics recycling symbol.

HTML markup
2

Decimal HTML Code

&#9848; uses the decimal Unicode value 9848 for the same character.

HTML markup
3

CSS Entity

\2678 is used in CSS stylesheets in the content property of pseudo-elements for icons or labels.

CSS stylesheet
=

Recycling symbol result

All three methods render . Unicode U+2678 in Miscellaneous Symbols. Next: Recycling Symbol Generic Materials.

Use Cases

The Type 6 Plastics recycling symbol (♸) is commonly used in:

🌳 Eco web design

Sustainability pages, green branding, and environmental campaigns.

📦 Packaging labels

PS plastic resin identification on product packaging.

📝 Recycling guides

Municipal waste pages explaining how to sort type 6 plastics.

🎓 Education

Environmental science content and plastic resin code charts.

📋 Unicode references

Character pickers, entity documentation, and symbol guides.

♿ Accessibility

Pair ♸ with visible text like “Type 6 PS”; add aria-label for icons.

💡 Best Practices

Do

  • Use &#x2678; or &#9848; for inline type 6 plastic marks
  • Include resin code text (PS / Type 6) alongside the symbol
  • Set <meta charset="utf-8"> for reliable rendering
  • Use the correct symbol—♸ for type 6, not universal ♻
  • Pick one numeric style per project for consistency

Don’t

  • Confuse ♸ with universal recycling ♻ or generic ♺
  • Use padded Unicode notation like U+02678—the correct value is U+2678
  • Use CSS escape \2678 in HTML text nodes
  • Rely on ♸ alone without explanatory text for accessibility
  • Assume every font renders Miscellaneous Symbols identically—test your typeface

Key Takeaways

1

Two HTML numeric references plus CSS for U+2678

&#x2678; &#9848;
2

For CSS stylesheets, use \2678 in the content property

3

Unicode U+2678 — RECYCLING SYMBOL FOR TYPE-6 PLASTICS (PS)

4

Distinct from universal ♻, generic ♺, and other resin-type symbols

❓ Frequently Asked Questions

Use &#x2678; (hex), &#9848; (decimal), or \2678 in CSS content. There is no named entity. All three render ♸.
U+2678 (RECYCLING SYMBOL FOR TYPE-6 PLASTICS). Miscellaneous Symbols block (U+2600–U+26FF). Hex 2678, decimal 9848.
No. ♸ (U+2678) is the type-6 plastics mark for polystyrene (PS). ♻ (U+267B) is the black universal recycling symbol. They are different Unicode characters.
For eco-friendly web design, sustainability projects, PS plastic packaging labels, recycling guides, and environmental education about resin identification codes.
Named HTML entities cover a subset of common characters. U+2678 uses numeric hex or decimal codes or CSS escapes, which is standard for Miscellaneous Symbols.

Explore More HTML Entities!

Discover 1500+ HTML character references — eco symbols, punctuation, math operators, and more.

All HTML Entities →

About the author

Mari Selvan M P
Mari Selvan M P 🔗

Developer, cloud engineer, and technical writer

  • Experience 12 years building web and cloud systems
  • Focus Full Stack Development, AWS, and Developer Education

I write practical tutorials so students and working developers can learn by doing—from databases and APIs to deployment on AWS.

8 people found this page helpful