✘
Web logo  UseSymbol
Home Âģ All Symbols Âģ Heart Symbols Âģ Heart With Ribbon Symbol

💝 Heart With Ribbon Symbol

💝
Click above button to copy 💝 symbol
Shortcodes

Copy and paste shortcodes for 💝 Heart With Ribbon.

Unicode U+1f49d
Alt Code 128157
HTML Code 💝
CSS Code \1f49d
HEX Code 💝

How to type 💝 Heart With Ribbon?

To type the 💝 using the keyboard you can the Alt code from the shortcode section. Here are the two simple steps to type the 💝 using Alt code from your keyboard. Make sure you switch on the Num Lock from the keyboard and you type the number from the Numpad and not from the top row of the keyboard.

  1. Hold down the left Alt Key from your keyboard.
  2. Type the Alt code number 128157 and release the Alt key.

Once you release the Alt key, the 💝 symbol will be displayed. This trick will work for other special characters also.


How to add Heart With Ribbon Symbol in HTML?

To add the 💝 Heart With Ribbon Symbol in HTML, you can use an HTML entity, an HTML code(decimal), and a Hex code. Use the shortcode section to copy the various shortcodes for the Heart With Ribbon. Here is the example:

// HTML code example
<span>I am &#128157; Symbol</span>
// HEX code example
<span>I am &#x1f49d; Symbol</span>

All the above example will display the Heart With Ribbon symbol as below.

I am 💝 symbol.

How to add Heart With Ribbon Symbol in CSS?

To display the Heart With Ribbon Symbol from CSS, you can use a CSS shortcode or CSS entity. Use the shortcode section to copy the CSS entity code for the Heart With Ribbon. You can only add content :before or :after an element: Here is the example:

// CSS entity code example
.useSymbol:after {
  content: ' \1f49d';
}

// The HTML
<div class="useSymbol">Heart With Ribbon</div>

The above example for CSS entiry for Heart With Ribbon symbol will display the result as below.

Heart With Ribbon 💝

Copy Paste More Heart Symbols

Explore All Symbols ➔
Š 2023 UseSymbol