Green Heart
Most keyboards skip the green heart entirely, which is why it gets copied instead of typed. This one lives at code point U+1F49A and belongs to the hearts group; click it above to copy, or use the table below for the HTML, CSS and JavaScript equivalents.
| Symbol | 💚 | |
|---|---|---|
| Unicode | U+1F49A | |
| Name | Green Heart | |
| HTML (decimal) | 💚 | |
| HTML (hex) | 💚 | |
| CSS content | \1F49A | |
| JavaScript / JSON | \u{1F49A} | |
| UTF-8 bytes | 0xF0 0x9F 0x92 0x9A | |
| UTF-16 units | 0xD83D 0xDC9A |
How to type the green heart symbol
- Copy and paste: click the 💚 at the top of this page, then paste with Ctrl+V (Windows) or Cmd+V (Mac). This is the fastest route on any device.
- HTML: write
💚in your markup. - CSS: use
content: "\1F49A"in a::beforeor::afterrule. - JavaScript: the escape
\u{1F49A}produces this character in a string.
Frequently asked questions
How do I copy the green heart symbol?
Click the 💚 above or the copy button and it is placed on your clipboard. Paste it anywhere with Ctrl+V or Cmd+V. It is a real text character, so it works in documents, chats and code.
What is the Unicode code point for green heart?
The green heart has the Unicode code point U+1F49A. In HTML you can write it as 💚 or 💚.
Can I use the green heart symbol in HTML and CSS?
Yes. In HTML write 💚, and in CSS use content: "\1F49A" inside a ::before or ::after rule. The code table on this page has copy buttons for both.
Related symbols
Browse the full heart symbols hub, or return to the searchable symbol grid.