Pixelarticons

Thumbs Up Pixel Art Icon

A thumbs-up icon for like buttons, upvotes, positive feedback and approval actions across social, e-commerce and productivity apps.

people Free 4 variants

Tags

thumbsupupwardtopabove

Style variants

base

Outline · rounded corners

sharp

Outline · sharp corners

glyph

Filled · sharp corners

Get Pro

solid

Filled · rounded corners

Get Pro

Base, sharp, solid or glyph: see how the four styles differ and which to use.

About the Thumbs Up icon

A hand with the thumb raised upward, one of the most recognized approval symbols in digital interfaces. Place it on a like button in a social feed, an upvote control in a forum, a 'Helpful?' prompt after a support article, or a positive sentiment option in a feedback form. Paired with thumbs-down it creates a quick binary rating. Its meaning is so established that it rarely needs a label, though one helps when the action carries social consequences.

Usage

<!-- HTML -->
<img src="pixelarticons/svg/thumbs-up.svg" width="24" height="24" alt="Thumbs Up" />

<!-- React -->
import { ThumbsUp } from 'pixelarticons/react'

<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="thumbs-up.svg" width="48" height="48" style="image-rendering: pixelated" />

Related icons