HTML Entity for Recycling Symbol Generic Materials (♺)

Beginner

6 min read

Updated: Sep 2026

1 example

Unicode U+267A

HTML Entity for recycling symbol for generic materials (♺) tutorial illustration

Definition

What Is the Generic Materials Recycling Symbol Entity?

Recycling symbol for generic materials (♺) is the Miscellaneous Symbols character at Unicode U+267A (RECYCLING SYMBOL FOR GENERIC MATERIALS). It marks general recyclable materials — not a specific plastic resin code. There is no named HTML entity; use hex, decimal, UTF-8, or CSS.

Remember

Character     ♺
Unicode       U+267A
Named entity  none
Hex entity    &#x267A;
Decimal       &#9850;
CSS escape    \267A

All numeric and UTF-8 forms produce the same glyph: ♺. Prefer ♺ for portable markup; paste ♺ in UTF-8 when convenient.

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	`\267A`	Stylesheet `content`

When to Use Which

Situation	Use
Portable HTML without pasting Unicode	`♺` or `♺`
UTF-8 eco / sustainability labels	Type or paste `♺`
Generated text via `::before` / `::after`	`content: "\267A"`
Universal recycling (Mobius loop)	`♻` (`U+267B`)
Plastic resin codes 1–7	`U+2673`–`U+2679` (e.g. type 6 = `U+2678`)
Accessible eco labels	Glyph + clear wording (e.g. “Recyclable materials”)

See it

Live Preview

Generic-materials recycling symbol rendered in common eco contexts.

Glyph ♺

Large glyph ♺

In a label ♺ Recyclable materials

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

Related ♻ (universal) · ♸ (type 6) · ♳ (type 1)

Code

Complete HTML Example

One page that shows the generic-materials 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>Generic Materials (♺) in HTML</title>
  <style>
    #point::after {
      content: "\267A";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x267A;</p>
  <p>Using Decimal: &#9850;</p>
  <p>Using Direct Character: ♺</p>
  <p id="point">Using CSS Entity: </p>
  <p>&#x267A; Recyclable materials</p>
</body>
</html>

Try It Yourself

How It Works

1. Hex: U+267A → ♺ in HTML. Best portable choice (no named entity).

2. Decimal: same code point as 9850 → ♺. Same glyph.

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

4. CSS: use \267A 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 &recycle; 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+267A. Use ♺ or ♺.

Not ♻

Not the universal recycling symbol

♻ (U+267B) is the black universal Mobius-loop mark. ♺ is specifically for generic materials.

Not resin

Not a plastic resin code

Resin codes 1–7 use U+2673–U+2679. Do not use ♺ to mean “PS” or “PET”.

A11y

Pair glyph with text

Screen readers may announce ♺ inconsistently. Keep clear wording nearby (e.g. “Recyclable materials”).

CSS vs HTML

Do not mix escapes

\267A 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

Generic-materials recycling symbol (U+267A) and its entity forms (♺, ♺, CSS \\267A) are supported in all mainstream browsers. Glyph availability depends on the font.

✓ Universal support

Generic Materials (♺)

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+267A / entities Full support

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

Remember

Key Takeaways

Unicode: generic-materials symbol is U+267A (decimal 9850), Miscellaneous Symbols.
HTML: no named entity — use ♺ or ♺.
CSS: use \267A inside content for generated text.
Meaning: general recyclables — not ♻ or resin codes 1–7.

One line: U+267A → ♺ / ♺ / CSS \267A (no named entity).

Frequently Asked Questions

How do I display the generic-materials recycling symbol (♺) in HTML?

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

What is the Unicode value for this symbol?

U+267A (RECYCLING SYMBOL FOR GENERIC MATERIALS). Hex 267A, decimal 9850. It belongs to Miscellaneous Symbols and marks general recyclable materials.

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 eco labels and sustainability content about general recyclable materials (not a specific plastic resin code). 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 \267A is used in stylesheets (usually in the content property of ::before/::after). Both render ♺.

How is ♺ different from ♻ or resin codes 1–7?

♺ (U+267A) is for generic materials. ♻ (U+267B) is the black universal recycling symbol. Resin codes 1–7 use U+2673–U+2679. Related eco marks — different code points.

Did you know?

Generic-materials recycling symbol (♺) is Unicode U+267A (decimal 9850) — RECYCLING SYMBOL FOR GENERIC MATERIALS in Miscellaneous Symbols. There is no named HTML entity; use ♺, ♺, UTF-8 ♺, or CSS \267A. It marks general recyclable materials — not a plastic resin code (♳–♹) or the black universal recycling symbol (♻, U+267B).

Next: Recycling Symbol Type 1 Plastics

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

Type 1 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 For Type 6 Plastics HTML Entity | Recycling Symbol Type 1 Plastics