HTML Entity for Shamrock (☘)
What You'll Learn
How to display the Shamrock (☘) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+2618 (SHAMROCK) in the Miscellaneous Symbols block (U+2600–U+26FF)—a three-leaf clover and traditional symbol of Ireland, widely used for St. Patrick’s Day and Irish-themed design.
Render it with ☘, ☘, or CSS \2618. There is no named HTML entity. Note: the shamrock is a three-leaf clover—not the same as a four-leaf clover emoji (U+1F340).
⚡ Quick Reference — Shamrock
U+2618Miscellaneous Symbols
☘Hexadecimal reference
☘Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+2618
Hex code ☘
HTML code ☘
Named entity (none)
CSS code \2618
Official name Shamrock
Related U+1F340 = four-leaf clover emoji
Block Miscellaneous Symbols (U+2600–U+26FF)Complete HTML Example
A simple example showing ☘ using hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point::after{
content: "\2618";
}
</style>
</head>
<body>
<p>Shamrock (hex): ☘</p>
<p>Shamrock (decimal): ☘</p>
<p id="point">Shamrock (CSS): </p>
</body>
</html>🌐 Browser Support
The Shamrock (☘) is supported in modern browsers when fonts include Miscellaneous Symbols glyphs:
👀 Live Preview
See the Shamrock in festive and cultural contexts:
🧠 How It Works
Hexadecimal Code
☘ uses Unicode hexadecimal 2618 to display the shamrock.
Decimal HTML Code
☘ uses decimal Unicode value 9752 for the same character.
CSS Entity
\2618 is used in CSS stylesheets in the content property of pseudo-elements for decorative markers.
Cultural symbol result
All three methods produce ☘. Unicode U+2618 in Miscellaneous Symbols. No named entity. Next: Short Right Arrow Above Left Arrow.
Use Cases
The Shamrock (☘) commonly appears in:
Festive pages, event banners, and seasonal promotions.
Heritage sites, cultural content, and Irish identity design.
Holiday content, party invites, and festive decorations.
Ornamental accents, badges, and creative layouts.
Custom list bullets via ::before content.
Miscellaneous Symbols and HTML entity reference docs.
💡 Best Practices
Do
- Use
☘or☘in HTML markup - Pair the symbol with descriptive text for accessibility
- Use CSS
content: "\2618"for reusable festive components - Test rendering across browsers and fonts
- Remember the shamrock is a three-leaf clover symbol
Don’t
- Use padded Unicode notation like U+02618—the correct value is
U+2618 - Confuse ☘ with the four-leaf clover emoji (U+1F340)
- Expect a named HTML entity for U+2618
- Put CSS escape
\2618in HTML text nodes - Rely on the symbol alone without context for screen readers
Key Takeaways
Three ways to render U+2618 in HTML and CSS
☘ ☘For CSS stylesheets, use \2618 in the content property
Unicode U+2618 — SHAMROCK (three-leaf clover)
No named entity—Miscellaneous Symbols character
Previous: Shadowed White Star (✰) Next: Short Right Arrow Above Left Arrow (⥄)
❓ Frequently Asked Questions
☘ (hex), ☘ (decimal), or \2618 in CSS content. There is no named HTML entity. All three render ☘.U+2618 (SHAMROCK). Miscellaneous Symbols (U+2600–U+26FF). Hex 2618, decimal 9752. A three-leaf clover associated with Ireland and St. Patrick’s Day.Explore More HTML Entities!
Discover 1500+ HTML character references — symbols, Dingbats, and more.
About the author
8 people found this page helpful