Heart Symbol HTML Code with Examples

If you are creating content for your website, you may want to include a heart symbol on the page.

Including symbols or emojis on a webpage is very simple to do as long as you understand some basic HTML.

Heart Symbol HTML Code Example

Note: The number corresponds to the decimal Code that represents the symbol.

I Love Blogging! ❤

Code Demo:

I Love Blogging! ❤

Heart Symbol CSS Code Example

You can also add hearts to a webpage by utilizing a CSS style.

The content (heart) is specified by its hexadecimal value.

<style>
.my-class:after {
  content: "\1F496";
}
</style> 
<div class="my-class">Thank You!</div>

Code Demo:

List of HTML Heart Symbol Values