Thumbs Up Sign

👍

Shortcodes

Copy and paste codes for Thumbs Up Sign symbol 👍 to use in your websites, apps, blogs, and more.

Unicode

U+1F44D

HTML Code

👍

HEX Code

👍

CSS Code

\1F44D

JS/JSON

\u1F44D

Unix/C/PHP/JAVA

0x1F44D

URL-encode

%F0%9F%91%8D

copied

Customize Thumbs Up Sign Symbol

Customize 👍 symbol as you like and download Thumbs Up Sign as SVG or PNG or copy its HTML code to use in your projects.

Symbol

Font Size (px)

Text Color

Background Color

Transparent

Font Family

Border Radius (px)

Padding (px)

Live Preview

Preview helps customize symbol. Downloaded image and HTML code may have size/spacing differences.

👍

HTML Code

How to add Thumbs Up Sign symbol in HTML, CSS, and JS?

Insert 👍 Thumbs Up Sign using HTML

1. Copy-paste Thumbs Up Sign directly:

<span>👍</span>

2. HTML Decimal Code:

<span>&#128077;</span>

3. Hexadecimal Code:

<span>&#x1F44D;</span>

Preview: 👍

Add Thumbs Up Sign symbol with CSS

.thumbs-up-sign::before {
    content: '\\1F44D';
}

Preview: Thumbs Up Sign

Thumbs Up Sign JavaScript Code

1. Direct Symbol:

document.querySelector('.thumbs-up-sign').textContent = '👍';

2. Unicode Escape for 👍:

document.querySelector('.thumbs-up-sign').textContent = '\u1F44D';

Preview: 👍

Related Hand Symbols

View all Hand Symbols

☚

Black Left Pointing Index

☛

Black Right Pointing Index

☜

White Left Pointing Index

☞

White Right Pointing Index

☟

White Down Pointing Index

☝

White Up Pointing Index

✌

Victory Hand

🖐

Raised Hand With Fingers Splayed

👈

White Left Pointing Backhand Index

👉

White Right Pointing Backhand Index

👌

Ok Hand Sign

👆

White Up Pointing Backhand Index

Symbol Clipboard