HTML Entity for Black Universal Recycling Symbol (♻)

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

What Is Black Universal Recycling Symbol?

Black universal recycling symbol (♻) is Unicode U+267B in the Miscellaneous Symbols block. It is the filled Möbius-loop recycling glyph — useful for eco cues and sustainability labels. HTML has no standard named entity — use numeric or CSS forms (or type the character in UTF-8).

Remember
Character     ♻
Unicode       U+267B
Hex entity    ♻
Decimal       ♻
Named entity  (none)
CSS escape    \267B
Not the same  ♲ U+2672 (universal recycling symbol)

All of these produce the same glyph: ♻. Prefer typing ♻ in UTF-8 when you can; use ♻ / ♻ or CSS for generated content.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Direct character♻HTML text (UTF-8)
Named entityNone—
Hex entity♻HTML markup
Decimal entity♻HTML markup
CSS escape\267BStylesheet content

When to Use Which

SituationUse
Filled (black) recycling symbol♻ or type ♻
Outline universal recycling♲ (U+2672)
Need an entity in HTML source♻ or ♻
Icon via CSScontent: "\267B" on ::before

Live Preview

Black universal recycling symbol in study contexts.

Inline cue ♻ Recycle
Large glyph ♻
vs. U+2672 ♻ black  ·  ♲ universal
Accessible label recycling Eco friendly
With entities Hex: ♻ | Decimal: ♻

Complete HTML Example

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

Hex + Decimal + CSS + Typed

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

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Black Universal Recycling Symbol (♻) in HTML</title>
  <style>
    #point::after {
      content: "\267B";
    }
  </style>
</head>
<body>
  <p>Black universal recycling symbol using Hex Code: &#x267B;</p>
  <p>Black universal recycling symbol using HTML Code: &#9851;</p>
  <p id="point">Black universal recycling symbol using CSS Entity: </p>
  <p>Typed directly: ♻</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+267B → &#x267B; in HTML. The browser turns it into ♻.

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

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

4. Typed ♻: fine in UTF-8 source. All four lines show the same glyph.

Pitfalls & Tips

Common mistakes when working with black universal recycling symbol (♻).

Named

No &name; form

U+267B has no standard named entity — use &#x267B; or &#9851;.

♲

Not U+2672

For the related outline form use ♲ (U+2672).

Emoji

Presentation can vary

Some platforms draw U+267B as a colorful emoji. Expect text vs emoji style differences across OS and fonts.

a11y

Say “recycle”

Screen readers may not announce “recycling.” Pair the glyph with visible or visually hidden text such as Recycle.

CSS vs HTML

Do not mix escapes

\267B belongs in CSS. &#x267B; / &#9851; belong in HTML.

Semicolon

End references

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

Browser Support

Black universal recycling symbol (U+267B) and its entity forms (&#x267B;, &#9851;, CSS \\267B) are supported in all mainstream browsers. Glyph quality depends on font support for Miscellaneous Symbols (and emoji fonts where applicable).

✓ Universal support

Black Universal Recycling Symbol (♻)

Type ♻, or encode with hex, decimal, or CSS escape — same code point everywhere encoding is supported.

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

Bottom line: Prefer a typed ♻ or &#x267B; for markers. Use decimal when generating markup, and \\267B only inside CSS content.

Key Takeaways

  • Unicode: black universal recycling symbol is U+267B (decimal 9851).
  • HTML: use &#x267B; or &#9851; (no named entity).
  • CSS: use \267B inside content for generated icons.
  • Watch out: ♻ ≠ ♲ (U+267B ≠ U+2672).

One line: U+267B → &#x267B; / &#9851; / CSS \267B.

Frequently Asked Questions

Use &#x267B; (hex), &#9851; (decimal), or the CSS escape \267B in the content property. All render ♻. You can also paste ♻ directly if your file is UTF-8. There is no standard named entity.
U+267B (hex 267B, decimal 9851). Unicode names it BLACK UNIVERSAL RECYCLING SYMBOL. It belongs to the Miscellaneous Symbols block.
No. HTML5 / WHATWG does not define a named character reference for U+267B. Prefer &#x267B;, &#9851;, or a typed ♻ in UTF-8.
♻ (U+267B) is black universal recycling symbol. ♲ (U+2672) is universal recycling symbol. They are different code points.
HTML entities (&#9851; or &#x267B;) go in markup. The CSS escape \267B is used in stylesheets (usually in the content property of ::before/::after). Both render ♻.
Use ♻ for sustainability cues, eco branding, and recycling program labels. Prefer clear text or ARIA labels when the meaning must be obvious to screen readers.

Did you know?

Black universal recycling symbol is Unicode U+267B (decimal 9851) in the Miscellaneous Symbols block — official name BLACK UNIVERSAL RECYCLING SYMBOL. There is no standard named HTML entity. It is not universal recycling symbol (U+2672 ♲).

Next: Bottom Arc Anticlockwise Arrow

Learn the HTML entity for the bottom arc anticlockwise arrow (⤻).

Next 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