# Thumbs up icon

A free thumbs up icon in SVG, also found under like, good and approve. Set the stroke weight and the corners, then copy the code or download the file.

- Name: thumbs-up
- Category: [People and reactions](https://icons.evanpizzolato.com/categories/people/)
- Also found under: like, good, approve, upvote, yes
- Page: https://icons.evanpizzolato.com/icons/thumbs-up/
- SVG file: https://icons.evanpizzolato.com/svg/thumbs-up.svg
- CDN: https://cdn.jsdelivr.net/gh/evanpizzolato/quick-start-icons/src/thumbs-up.svg
- License: MIT. Free for personal and commercial use. Attribution is not required.

## SVG

This is the file Copy gives you at the site defaults: square corners and a stroke weight of 1.25.

```svg
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="24" height="24" fill="none"
     stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="miter">
  <path d="M11 14L16 4.5A3 3 0 0 1 19 7.5L19 13.5L27.788 13.5L24.5 27L11 27"/>
  <rect x="4" y="14" width="7" height="13" rx="0"/>
</svg>
```

## Use it from a CDN

The CDN file is the authored source: rounded corners, a stroke weight of 2, and no width or height. An image tag draws it in black, so paste the markup inline to color it with CSS.

```html
<img src="https://cdn.jsdelivr.net/gh/evanpizzolato/quick-start-icons/src/thumbs-up.svg" width="24" height="24" alt="">
```

## Related icons

- [thumbs-down](https://icons.evanpizzolato.com/icons/thumbs-down.md)
- [heart](https://icons.evanpizzolato.com/icons/heart.md)
- [accessibility](https://icons.evanpizzolato.com/icons/accessibility.md)
- [smile](https://icons.evanpizzolato.com/icons/smile.md)
- [star](https://icons.evanpizzolato.com/icons/star.md)
- [user](https://icons.evanpizzolato.com/icons/user.md)
- [user-add](https://icons.evanpizzolato.com/icons/user-add.md)
- [user-minus](https://icons.evanpizzolato.com/icons/user-minus.md)