Shamrock (☘) is the Miscellaneous Symbols character at Unicode U+2618 (SHAMROCK). It is a three-leaf clover — a traditional Irish symbol used for St. Patrick’s Day and heritage design.
Remember
Character ☘
Unicode U+2618
Hex entity ☘
Decimal ☘
Named entity (none)
CSS escape \2618
Not the same 🍀 (four-leaf clover emoji)
Hex, decimal, CSS, and a typed character all produce the same glyph: ☘. Prefer ☘ when you want an explicit entity. For another Miscellaneous Symbols icon, see Scales (U+2696).
Using Hex Code: ☘
Using HTML Code: ☘
Using CSS Entity: ☘
☘ Happy St. Patrick’s Day!
How It Works
1. Hex:U+2618 → ☘ in HTML. The browser turns it into ☘.
2. Decimal: same code point as 9752 → ☘. Same result as hex.
3. Named: HTML5 does not define a named entity for this character — use hex or decimal instead.
4. CSS: use \2618 in content (not an HTML entity). #point::after appends that ☘ after the paragraph text.
Pitfalls & Tips
Common mistakes when working with Shamrock.
Look-alikes
☘ ≠ 🍀
U+2618 is a three-leaf shamrock. U+1F340 is the four-leaf clover emoji — do not mix them if you mean Irish heraldry.
Named
No &…; name
Do not invent a name like &shamrock;. Use ☘ or ☘.
A11y
Add context
A lone ☘ may be unclear. Pair it with text such as “St. Patrick’s Day” or an accessible name.
Fonts
Glyph coverage
Miscellaneous Symbols coverage varies. Test festive UIs on mobile and provide a fallback if ☘ is missing.
CSS vs HTML
Do not mix escapes
\2618 belongs in CSS. ☘ / ☘ belong in HTML.
Semicolon
End references
Always finish with ; — write ☘, not ☘.
Compatibility
Browser Support
Shamrock (U+2618) and its entity forms (☘, ☘, CSS \\2618) are supported in all modern browsers. Glyph coverage depends on the font.
✓ Universal encoding
Shamrock (☘)
Encode with hex, decimal, or CSS escape — or type ☘ directly in UTF-8 HTML. No named entity.
100%Browser coverage
Google ChromeSupported
Yes
Microsoft EdgeSupported
Yes
Mozilla FirefoxSupported
Yes
Apple SafariSupported
Yes
OperaSupported
Yes
Internet ExplorerIE 9+
Yes*
U+2618Full support
Bottom line: Prefer ☘ for readable HTML. Use \\2618 only inside CSS content. Remember: three leaves, not four.
Remember
Key Takeaways
Unicode: this symbol is U+2618 (decimal 9752) — shamrock (three-leaf).
HTML: prefer ☘ — or use ☘. No named entity.
CSS: use \2618 inside content for festive markers.
Watch out: not the same as four-leaf clover emoji (U+1F340).
One line:U+2618 → ☘ / ☘ / CSS \2618 (no named entity).
Frequently Asked Questions
Use ☘ (hex), ☘ (decimal), or the CSS escape \2618 in the content property. All render ☘ when the font supports Miscellaneous Symbols. There is no named HTML entity.
U+2618 (SHAMROCK). Hex 2618, decimal 9752. It belongs to Miscellaneous Symbols (U+2600–U+26FF). It is a three-leaf clover associated with Ireland and St. Patrick’s Day.
No. HTML5 does not define a named entity for U+2618. Use numeric references like ☘ or ☘.
No. U+2618 is SHAMROCK — a three-leaf clover. A four-leaf clover is a different symbol, commonly shown as the emoji U+1F340 (🍀).
Use it for St. Patrick’s Day content, Irish-themed design, cultural celebrations, festive pages, and heritage sites. Pair the glyph with visible text for accessibility.
HTML entities (☘ or ☘) go in markup. The CSS escape \2618 is used in stylesheets (usually in the content property of ::before/::after). Both render ☘.
🤔
Did you know?
Shamrock is Unicode U+2618 (decimal 9752) — SHAMROCK in Miscellaneous Symbols. HTML5 has no named entity — use ☘ or ☘. It is a three-leaf clover — not the four-leaf clover emoji (U+1F340).
