Thumbs up
thumbs-upA 24px icon in Bloom’s Like category, drawn once as Linear and grown into the other four styles. Free SVG files in currentColor, MIT license.
- Category
- Tags
- Motion
Thumbs up in five styles
- Linear
- Line Duotone
- Outline
- Bold
- Bold Duotone
Linear at 16, 20, 24 and 32px
- 16px
- 20px
- 24px
- 32px
Get the SVG
The command prints the file exactly as Bloom ships it. Set --style to line-duotone, outline, bold or bold-duotone for the other styles. The same files are in the npm package under dist/ and on this site under svg/.
npx -y bloom-icons get thumbs-up --style linearIt also moves on hover: add --motion to the command, or take dist/motion/<style>/thumbs-up.svg.
- Linear
dist/linear/thumbs-up.svgsvg/linear/thumbs-up.svg - Line Duotone
dist/line-duotone/thumbs-up.svgsvg/line-duotone/thumbs-up.svg - Outline
dist/outline/thumbs-up.svgsvg/outline/thumbs-up.svg - Bold
dist/bold/thumbs-up.svgsvg/bold/thumbs-up.svg - Bold Duotone
dist/bold-duotone/thumbs-up.svgsvg/bold-duotone/thumbs-up.svg
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M3.75 9.75C4.457 9.75 4.811 9.75 5.03 9.97C5.25 10.189 5.25 10.543 5.25 11.25L5.25 18.75C5.25 19.457 5.25 19.811 5.03 20.03C4.811 20.25 4.457 20.25 3.75 20.25C3.043 20.25 2.689 20.25 2.47 20.03C2.25 19.811 2.25 19.457 2.25 18.75L2.25 11.25C2.25 10.543 2.25 10.189 2.47 9.97C2.689 9.75 3.043 9.75 3.75 9.75Z"/>
<path d="M8.25 18.75L8.25 11.25L9.803 5.454A2.25 2.25 0 0 1 14.15 6.619L13.817 7.862C13.584 8.73 13.468 9.163 13.693 9.457C13.918 9.75 14.367 9.75 15.265 9.75L15.75 9.75C17.871 9.75 18.932 9.75 19.591 10.409C20.25 11.068 20.25 12.129 20.25 14.25L20.25 15.75C20.25 17.871 20.25 18.932 19.591 19.591C18.932 20.25 17.871 20.25 15.75 20.25L9.75 20.25C9.043 20.25 8.689 20.25 8.47 20.03C8.25 19.811 8.25 19.457 8.25 18.75Z"/>
</svg>