The HugeIcons thumbs down icon visually represents disapproval or a negative action, commonly used in interfaces to indicate a dislike, rejection, or failure.
Common uses
- Dislike button for content
- Rejecting a request or suggestion
- Indicating a failed process
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { ThumbsDownIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={ThumbsDownIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- dislikebaddown votenegative
FAQ
- What does the thumbs down icon signify?
- It signifies disapproval, negativity, or a negative action. It's used to show dislike, rejection, or failure.
- How do I use the ThumbsDownIcon in React?
- Import both HugeiconsIcon and ThumbsDownIcon, then render <HugeiconsIcon icon={ThumbsDownIcon} />.
- What is the license for this icon?
- This icon is released under the MIT license, allowing for free usage.
Related icons
The same idea in other libraries, and near matches in 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 →