HTML Entity for Universal Recycling Symbol (♲)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+2672

What Is the Universal Recycling Symbol Entity?

Universal Recycling Symbol (♲) is the Unicode character at U+2672 (UNIVERSAL RECYCLING SYMBOL) in the Miscellaneous Symbols block. It is the familiar three-arrow mark used for recyclable materials and eco-friendly messaging.

Remember
Character     ♲
Unicode       U+2672
Hex entity    ♲
Decimal       ♲
CSS escape    \2672
Named entity  (none)

All of these produce the same glyph: ♲. Pair it with words like “Recyclable” so meaning is clear without relying on the icon alone.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Direct character♲HTML text (UTF-8)
Hex entity♲HTML markup
Decimal entity♲HTML markup
CSS escape\2672Stylesheet content
Named entity—Not defined in HTML5

When to Use Which

SituationUse
Need the ♲ glyphType ♲, or ♲ / ♲
Generated text via ::before / ::aftercontent: "\2672"
Filled / black recycling markUse ♻ (U+267B)
Generic materials recyclingSee U+267A
Looking for &recycle; or similarDoes not exist for U+2672 — use numeric form

Live Preview

Universal Recycling Symbol in common eco contexts.

Eco label ♲ 100% Recyclable
Large glyph ♲
Compared ♲   ♻   ♺
Call to action Please recycle ♲
With entities Hex: ♲ | Decimal: ♲

Complete HTML Example

One page that shows this symbol with hex, decimal, CSS, and a typed character. Use View Output or open the live editor.

Hex + Decimal + CSS + Typed

All four ways to produce ♲ in a single document (plus an eco label).

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Universal Recycling Symbol (♲)</title>
  <style>
    #point::after {
      content: "\2672";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x2672;</p>
  <p>Using HTML Code: &#9842;</p>
  <p id="point">Using CSS Entity: </p>
  <p>Typed directly: ♲</p>
  <p>Eco label: &#x2672; 100% Recyclable</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+2672 → &#x2672; in HTML. The browser turns it into ♲.

2. Decimal: same code point as 9842 → &#9842;. Same result as hex.

3. CSS: use \2672 in content (not an HTML entity). #point::after appends that ♲ after the paragraph text.

4. Typed ♲: fine in UTF-8 pages. The eco label shows the symbol with supporting text.

Pitfalls & Tips

Common mistakes when working with Universal Recycling Symbol.

Named?

No named entity

HTML5 does not define &recycle; for U+2672. Use numeric forms.

Look-alikes

♲ ≠ ♻

U+2672 is the universal recycling symbol. U+267B is the black universal recycling symbol — a different code point.

CSS vs HTML

Do not mix escapes

\2672 belongs in CSS. &#x2672; / &#9842; belong in HTML.

Fonts

Check the glyph

Miscellaneous Symbols coverage varies. If ♲ is missing, keep the word “Recyclable” visible.

A11y

Do not rely on the icon alone

Screen readers may not name the symbol clearly. Pair ♲ with plain-language text.

Semicolon

End references

Always finish with ; — write &#9842;, not &#9842.

Browser Support

Universal Recycling Symbol (U+2672) and its numeric entity forms (&#x2672;, &#9842;, CSS \\2672) are supported in all mainstream browsers. Glyph shape depends on the font.

✓ Universal support

Universal Recycling Symbol (♲)

Encode with hex, decimal, or CSS escape — or paste ♲ in UTF-8 HTML.

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

Bottom line: Use &#x2672; or &#9842; for the Unicode glyph, and \\2672 only inside CSS content. Pair with clear eco wording.

Key Takeaways

  • Unicode: this symbol is U+2672 (decimal 9842).
  • HTML: use &#x2672; or &#9842; when you need an entity.
  • CSS: use \2672 inside content for generated text.
  • Watch out: ♲ ≠ ♻ (universal ≠ black recycling symbol).

One line: U+2672 → &#x2672; / &#9842; / CSS \2672, or paste ♲.

Frequently Asked Questions

Use &#x2672; (hex), &#9842; (decimal), or the CSS escape \2672 in the content property. All render ♲. You can also paste ♲ directly when your file is UTF-8.
U+2672 (hex 2672, decimal 9842). Unicode names it UNIVERSAL RECYCLING SYMBOL. It belongs to the Miscellaneous Symbols block (U+2600–U+26FF).
No. HTML5 does not define a named entity for ♲. Use numeric references like &#x2672; or &#9842;.
No. ♲ (U+2672) is the universal recycling symbol. ♻ (U+267B) is the black universal recycling symbol. They are different Unicode characters.
HTML entities (&#9842; or &#x2672;) go in markup. The CSS escape \2672 is used in stylesheets (usually in the content property of ::before/::after). Both render ♲.
Use it on sustainability pages, eco labels, and recycling guidance when you need this exact symbol. Always pair it with clear text such as “Recyclable” for accessibility.

Did you know?

Universal Recycling Symbol is Unicode U+2672 (decimal 9842) — official name UNIVERSAL RECYCLING SYMBOL in the Miscellaneous Symbols block. HTML5 has no named entity. It marks recyclable materials and is not the black universal recycling symbol (U+267B ♻).

Next: Unmarried Partnership Symbol

Learn the HTML entity for Unmarried Partnership Symbol — next in this sequence.

Continue tutorial →

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