HTML Entity for Peace Symbol (☮)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+262E
HTML entity for Peace Symbol (U+262E) — hex, decimal, and CSS tutorial

What You'll Learn

How to display the Peace Symbol (☮) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+262E (PEACE SYMBOL) in the Miscellaneous Symbols block (U+2600–U+26FF)—the classic circular peace sign associated with nuclear disarmament, harmony, and nonviolence.

Render it with ☮, ☮, or CSS escape \262E. There is no named HTML entity. Do not confuse ☮ with U+270C (✌, victory hand), U+262F (☯, yin yang), or religious cross symbols like U+2626 (☦, orthodox cross).

⚡ Quick Reference — Peace Symbol

Unicode U+262E

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+262E
Hex code       ☮
HTML code      ☮
Named entity   (none)
CSS code       \262E
Meaning        Peace symbol (nuclear disarmament sign)
Related        U+270C = victory hand (✌)
               U+262F = yin yang (☯)
               U+2626 = orthodox cross (☦)
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: "\262E";
  }
 </style>
</head>
<body>
<p>Peace symbol (hex): &#x262E;</p>
<p>Peace symbol (decimal): &#9774;</p>
<p>Message: ☮ Peace and harmony</p>
<p id="point">Peace symbol (CSS): </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

The Peace Symbol (☮) is widely supported in all modern browsers:

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

👀 Live Preview

See the Peace Symbol (☮) in design and messaging contexts:

Single symbol ☮
Banner text ☮ Peace and nonviolence
Event heading ☮ Global Peace Day
Not the same as Victory hand ✌  |  Yin yang ☯
Numeric refs &#x262E; &#9774; \262E

🧠 How It Works

1

Hexadecimal Code

&#x262E; uses the Unicode hexadecimal value 262E to display the peace symbol.

HTML markup
2

Decimal HTML Code

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

HTML markup
3

CSS Entity

\262E is used in CSS stylesheets in the content property of pseudo-elements for icons or decorative markers.

CSS stylesheet
=

Peace symbol result

All three methods render ☮. Unicode U+262E in Miscellaneous Symbols. Next: Pencil (✏).

✅

Use Cases

The Peace Symbol (☮) is commonly used in:

🏳 Activism

Peace campaigns, anti-war pages, and nonviolence movements.

🌎 Cultural content

Historical articles, 1960s design, and social justice themes.

🎨 Decorative design

Banners, posters, and typography accents for harmony themes.

📅 Event pages

Peace day events, vigils, and community gatherings online.

📋 Unicode references

Character pickers, entity documentation, and symbol guides.

♿ Accessibility

Pair ☮ with visible text; provide alt text when used as an icon.

💡 Best Practices

Do

  • Use &#x262E; or &#9774; for inline peace symbols
  • Include surrounding text context for activism and cultural use
  • Set <meta charset="utf-8"> for reliable rendering
  • Use the correct symbol—☮ not victory hand ✌
  • Pick one numeric style per project for consistency

Don’t

  • Confuse ☮ with victory hand ✌ or yin yang ☯
  • Use padded Unicode notation like U+0262E—the correct value is U+262E
  • Use CSS escape \262E in HTML text nodes
  • Use ☮ as the sole indicator without text for accessibility
  • Assume every font renders Miscellaneous Symbols identically—test your typeface

Key Takeaways

1

Two HTML numeric references plus CSS for U+262E

&#x262E; &#9774;
2

For CSS stylesheets, use \262E in the content property

3

Unicode U+262E — PEACE SYMBOL in Miscellaneous Symbols

4

Distinct from victory hand ✌ and yin yang ☯

5

Previous: Partially Recycled Paper Symbol (♽)   Next: Pencil (✏)

❓ Frequently Asked Questions

Use &#x262E; (hex), &#9774; (decimal), or \262E in CSS content. There is no named entity. All three render ☮.
U+262E (PEACE SYMBOL). Miscellaneous Symbols block (U+2600–U+26FF). Hex 262E, decimal 9774.
No. ☮ (U+262E) is the circular PEACE SYMBOL. ✌ (U+270C) is VICTORY HAND with raised index and middle fingers. They are different Unicode characters.
For peace activism, harmony and nonviolence themes, cultural and historical content, event pages, and decorative design referencing the classic peace sign.
Named HTML entities cover a subset of common characters. U+262E uses numeric hex or decimal codes or CSS escapes, which is standard for Miscellaneous Symbols.

Explore More HTML Entities!

Discover 1500+ HTML character references — punctuation, symbols, 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.

AWS Certified Developer – Associate (Credly)

8 people found this page helpful

Partially Recycled Paper Symbol (♽) Pencil (✏)