What does the thumbs up icon represent?

It represents approval, agreement, or a positive action taken by the user.

How do I use the ThumbsUpIcon in React?

Import both HugeiconsIcon and ThumbsUpIcon, then render .

What is the license for this icon?

This icon is available under the MIT license.

thumbs up icon

HugeIcons · ThumbsUpIcon · MIT

The HugeIcons thumbs up icon depicts a hand giving a positive affirmation, commonly used to indicate approval, agreement, or satisfaction.

Common uses

Like/Unlike buttons
Success messages
Positive feedback indicators

Use it in React

Install

npm i @hugeicons/react @hugeicons/core-free-icons

Import & render

import { HugeiconsIcon } from '@hugeicons/react';
import { ThumbsUpIcon } from '@hugeicons/core-free-icons';

<HugeiconsIcon icon={ThumbsUpIcon} size={24} strokeWidth={1.5} />

Details

Library: HugeIcons (5,121 icons)
License: MIT
viewBox: 0 0 24 24
Keywords: likeapprovegoodyes

FAQ

What does the thumbs up icon represent?: It represents approval, agreement, or a positive action taken by the user.
How do I use the ThumbsUpIcon in React?: Import both HugeiconsIcon and ThumbsUpIcon, then render <HugeiconsIcon icon={ThumbsUpIcon} />.
What is the license for this icon?: This icon is available under the MIT license.

Related icons

The same idea in other libraries, and near matches in HugeIcons.

lucide phosphor hugeicons hugeicons hugeicons hugeicons hugeicons hugeicons hugeicons hugeicons hugeicons hugeicons

Looking for something else? Search HugeIcons and 4 more libraries by description →

The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →