thumbs-up

Thumbs Up icon · Lucide · <ThumbsUp />

thumbs-up

Lucide tags thumbs-up with good, like and emotion. It's in Lucide's Accounts & access and Social categories; similar icons include Thumbs Down, Face Grinning and Face Slightly Smiling. The matching icons are Thumb Like in Microsoft's Fluent icons and thumb_up in Google's Material Symbols.

24 px, stroke 2

thumbs-up.svg

Size, stroke and code

Lucide icons are drawn on a 24 px grid with a 2 px stroke. Pick a size and stroke width to preview them; the downloads and the code below follow your choice.

Stroke width

Size

npm install lucide-react

import { ThumbsUp } from "lucide-react";

export function Example() {
  return <ThumbsUp />;
}

Xceed Toolkit Plus for WPFSponsorUpgrade Your WPF UI with Xceed Toolkit Plus

Details

Name	`thumbs-up`
Component	`ThumbsUp` (also `ThumbsUpIcon`, `LucideThumbsUp`)
Categories	Accounts & access, Social, Emoji
Icon font	`icon-thumbs-up`, `U+E18A`
CSS content	`"\e18a"`
File	`lucide-static/icons/thumbs-up.svg`
Grid and stroke	24 × 24, 2 px stroke, round caps and joins
License	ISC License (© Lucide Icons and Contributors)