Codes for Heart Symbols

How To Insert a Heart Symbol

The easiest way to insert a heart symbol is to copy and paste the heart you need from the list below. If you're using a Microsoft Office program (e.g., Word or PowerPoint), you can also use the "Alt Code" method.

Here is an explanation of how to insert the "black heart suit" symbol (♥).

(Method 1) Copy and paste the symbol.

Click on the heart symbol you need from the list below. Press the "Copy" button, and then paste the symbol into your document. Here is the ♥ symbol as an example:

(Method 2) Use the "Alt Code."

Every heart symbol has an Alt Code. The Alt Code for the "black heart suit" symbol above is 9829. If you have a keyboard with a numeric pad, you can use this method. Simply hold down the Alt key and type the number. When you lift the Alt key, the symbol appears. ("Num Lock" must be on.)

Video Explaining How to Insert Special Symbols

This video explains 7 ways to insert a special symbol into an MS Office application (e.g., Word) or a website using HTML, CSS, or JavaScript:

More Methods

There are six more ways to get the heart symbol you need. The other methods are a little more complicated and are typically used by programmers or graphic designers. Methods 3-8 are shown below the list of heart symbols.

Heart Symbols

Click on a heart to copy it and to see its Alt Code, HTML Code, HTML Entity, CSS Code, Hex Code, Unicode, and formal name. Also, click on the link to learn more about the symbol or to create an image of the symbol.

Black Hearts

Colored Hearts

Heart Emojis

Classic Hearts

Miscellaneous Hearts

More Methods for Inserting a Heart Symbol

(Method 3) Use the HTML Decimal Code (for webpages).

HTML Text	Output
He has the ♥ tattoo.	He has the ♥ tattoo.

(Method 4) Use the HTML Entity Code (for webpages).

HTML Text	Output
He has the ♥ tattoo.	He has the ♥ tattoo.

(Method 5) Use the CSS Code (for webpages).

CSS and HTML Text	Output
<style> span:after { content: "\2665";} </style> <span>My sign: </span>	My sign: ♥

(Method 6) Use the HTML Hex Code (for webpages).

HTML Text	Output
My sign: ♥	My sign: ♥

(Method 7) Use the Unicode (for various, e.g. Microsoft Office, JavaScript, Perl).

The Unicode for ♥ is U+02665. The important part is the hexadecimal number after the U+, which is used in various formats. For example, in Microsoft Office applications (e.g. Word, PowerPoint), do the following:

Type	Output
2665 [Hold down Alt] [Press x]	♥ (The 2665 turns into ♥. Note that you can omit any leading zeros.)

In JavaScript, the syntax is \uXXXX. So, our example would be \u2665. (Note that the format is 4 hexadecimal characters.)

JavaScript Text	Output
let str = "\u2665" document.write("My symbol: " + str)	My symbol: ♥

To see the formats for C, C++, Java, Perl, and Python, click on the symbol you need from the list below and follow the link.

(Method 8) Use an Image (for various).

HTML Text	Output
<img src = "myImg.png"/>	♥

Click on the heart symbol you need from the list of hearts below and follow the link at the bottom of the details box. On the new page, there is a widget for creating images of the heart in different sizes and fonts.

heart-symbols See the page for the ♥ symbol.

Full List

Here is the full list of heart symbols:

reversed rotated floral heart bullet (☙)
white heart suit (♡)
black heart suit (♥)
heavy heart exclamation mark ornament (❣)
heavy black heart (❤)
rotated heavy black heart bullet (❥)
floral heart (❦)
rotated floral heart bullet (❧)
black heart (🖤)
blue heart (💙)
green heart (💚)
yellow heart (💛)
purple heart (💜)
orange heart (🧡)
black heart (🖤)
love letter (💌)
kiss (💏)
couple with heart (💑)
smiling face with heart-shaped eyes (😍)
face blowing a kiss (😘)
smiling cat face with heart-shaped eyes (😻)
heart decoration (💟)
heart pulse (💓)
broken heart (💔)
heart couple (💕)
radiating heart (💗)
heart with arrow (💘)
heart with ribbon (💝)
hearts together (💞)
heart stars (💖)

You might also like...