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.
Tags
thumbsupupwardtopabove
Style variants
base
Outline · rounded corners
sharp
Outline · sharp corners
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" />