HTML Entity for Recycling Symbol Type 5 Plastics (♷)

Beginner

6 min read

Updated: Sep 2026

1 example

Unicode U+2677

HTML Entity for recycling symbol for type 5 plastics (♷) tutorial illustration

Definition

What Is the Type 5 Plastics Recycling Symbol Entity?

Recycling symbol for type-5 plastics (♷) is the Miscellaneous Symbols character at Unicode U+2677 (RECYCLING SYMBOL FOR TYPE-5 PLASTICS). It marks resin identification code 5 — PP (polypropylene). There is no named HTML entity; use hex, decimal, UTF-8, or CSS.

Remember

Character     ♷
Unicode       U+2677
Named entity  none
Hex entity    &#x2677;
Decimal       &#9847;
CSS escape    \2677

All numeric and UTF-8 forms produce the same glyph: ♷. Prefer ♷ for portable markup; paste ♷ in UTF-8 when convenient. Do not confuse it with the universal recycling symbol (U+267B).

Reference

Quick Reference

One table for every form you will actually use.

Form	Code	Where it goes
Named entity	none	Not defined in HTML5
Hex entity	`♷`	HTML markup
Decimal entity	`♷`	HTML markup
Direct character	`♷`	HTML text (UTF-8 default)
CSS escape	`\2677`	Stylesheet `content`

When to Use Which

Situation	Use
Portable HTML without pasting Unicode	`♷` or `♷`
UTF-8 packaging / recycling guides	Type or paste `♷`
Generated text via `::before` / `::after`	`content: "\2677"`
Universal recycling (Mobius loop)	`♻` (`U+267B`)
Other resin codes (1–4, 6–7)	`U+2673`–`U+2676`, `U+2678`–`U+2679`
Accessible plastic labels	Glyph + clear wording (e.g. “PP — resin code 5”)

See it

Live Preview

Type-5 plastics recycling symbol rendered in common eco contexts.

Glyph ♷

Large glyph ♷

In a label ♷ PP (resin code 5)

With entities Hex: ♷ | Decimal: ♷ | Named: none

Related ♻ (universal) · ♶ (type 4) · ♸ (type 6)

Code

Complete HTML Example

One page that shows the type-5 plastics symbol with hex, decimal, direct, and CSS forms. Use View Output or open the live editor.

Hex + Decimal + Direct + CSS

Four ways to produce ♷ in a single document (no named entity).

html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Type 5 Plastics (♷) in HTML</title>
  <style>
    #point::after {
      content: "\2677";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x2677;</p>
  <p>Using Decimal: &#9847;</p>
  <p>Using Direct Character: ♷</p>
  <p id="point">Using CSS Entity: </p>
  <p>&#x2677; PP (resin code 5)</p>
</body>
</html>

Try It Yourself

How It Works

1. Hex: U+2677 → ♷ in HTML. Best portable choice (no named entity).

2. Decimal: same code point as 9847 → ♷. Same glyph.

3. Direct: paste ♷ in a UTF-8 file with <meta charset="UTF-8">.

4. CSS: use \2677 in content (not an HTML entity). #point::after appends that ♷ after the paragraph text.

5. Named: HTML5 has none — do not invent a name like &pp; for this symbol.

Pitfalls & Tips

Common mistakes when working with this recycling entity.

No name

Do not invent a named entity

There is no &…; name for U+2677. Use ♷ or ♷.

Not ♻

Not the universal recycling symbol

♻ (U+267B) is the general Mobius-loop mark. ♷ is specifically resin code 5 (PP).

Code

Do not swap resin codes

Types 1–7 are different Unicode characters. Using the wrong code mislabels packaging.

A11y

Pair glyph with text

Screen readers may announce ♷ inconsistently. Keep clear wording nearby (e.g. “PP — resin code 5”).

CSS vs HTML

Do not mix escapes

\2677 belongs in CSS. ♷ / ♷ belong in HTML.

UTF-8

Declare charset

If you paste ♷ directly, serve the page as UTF-8 with <meta charset="UTF-8">.

Compatibility

Browser Support

Type-5 plastics recycling symbol (U+2677) and its entity forms (♷, ♷, CSS \\2677) are supported in all mainstream browsers. Glyph availability depends on the font.

✓ Universal support

Type 5 Plastics (♷)

Prefer ♷, or encode with decimal or CSS escape — same glyph everywhere (when the font has it).

100% Browser coverage

Google Chrome Supported

Yes

Microsoft Edge Supported

Yes

Mozilla Firefox Supported

Yes

Apple Safari Supported

Yes

Opera Supported

Yes

Internet Explorer All versions

Yes

U+2677 / entities Full support

Bottom line: There is no named entity. Prefer ♷ or ♷ in HTML, and \\2677 only inside CSS content.

Remember

Key Takeaways

Unicode: type-5 plastics symbol is U+2677 (decimal 9847), Miscellaneous Symbols.
HTML: no named entity — use ♷ or ♷.
CSS: use \2677 inside content for generated text.
Meaning: PP resin code 5 — not ♻ or other resin codes.

One line: U+2677 → ♷ / ♷ / CSS \2677 (no named entity).

Frequently Asked Questions

How do I display the Type 5 Plastics recycling symbol (♷) in HTML?

Use ♷ (hex), ♷ (decimal), type ♷ in UTF-8, or the CSS escape \2677 in content. There is no named HTML entity for U+2677.

What is the Unicode value for Type 5 Plastics recycling?

U+2677 (RECYCLING SYMBOL FOR TYPE-5 PLASTICS). Hex 2677, decimal 9847. It belongs to Miscellaneous Symbols. Resin code 5 = PP.

Is there a named HTML entity for ♷?

No. HTML5 does not define a named entity for this character. Prefer ♷ or ♷, or paste ♷ in a UTF-8 document.

When should I use this HTML entity?

Use it for PP packaging labels, recycling guides, and sustainability content about resin identification code 5. Prefer ♷ for portable markup. Pair the glyph with clear text for accessibility.

What is the difference between HTML code and CSS entity for ♷?

HTML numeric entities (♷ or ♷) go in markup. The CSS escape \2677 is used in stylesheets (usually in the content property of ::before/::after). Both render ♷.

How is ♷ different from ♻ or other resin codes?

♷ (U+2677) is type-5 plastics (PP). ♻ (U+267B) is the universal recycling symbol. Type 4 is U+2676 (LDPE); type 6 is U+2678 (PS). Do not swap resin codes.

Did you know?

Type-5 plastics recycling symbol (♷) is Unicode U+2677 (decimal 9847) — RECYCLING SYMBOL FOR TYPE-5 PLASTICS in Miscellaneous Symbols. There is no named HTML entity; use ♷, ♷, UTF-8 ♷, or CSS \2677. Resin identification code 5 is PP (polypropylene). It is not the universal recycling symbol (♻, U+267B).

Next: Recycling Symbol Type 6 Plastics

Learn the HTML entity for the type-6 plastics recycling symbol — the next character in this entity sequence.

Type 6 Plastics tutorial →

About the author

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.

AWS Certified Developer – Associate (Credly)

8 people found this page helpful

HTML Entity | Recycling Symbol Type 4 Plastics HTML Entity | Recycling Symbol Type 6 Plastics