# thumbs-down icon

Thumbs down. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/thumbs-down

- Category: Social & emotions
- Use it for: dislike, downvote, not helpful, unhelpful
- Tags: dislike, thumb, bad, disagree, vote, downvote, reject
- Family: thumbs-up
- Component name: ThumbsDownIcon
- Added: 2026-10-15

## Alternatives

- `heart-off`: remove a like (unlike)
- `frown`: negative sentiment on a face scale

## Also fits

- negative feedback: binary not-helpful feedback

## Not for

- reject (use `x-circle`): dislike or not-helpful feedback, not reject

## Files

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it.

- line-round: https://gentleface.com/svg/line-round/16/thumbs-down.svg · PNG https://gentleface.com/png/line-round/16/thumbs-down.png · https://gentleface.com/png/line-round/32/thumbs-down.png · https://gentleface.com/png/line-round/48/thumbs-down.png
- line-soft: https://gentleface.com/svg/line-soft/16/thumbs-down.svg · PNG https://gentleface.com/png/line-soft/16/thumbs-down.png · https://gentleface.com/png/line-soft/32/thumbs-down.png · https://gentleface.com/png/line-soft/48/thumbs-down.png
- line-sharp: https://gentleface.com/svg/line-sharp/16/thumbs-down.svg · PNG https://gentleface.com/png/line-sharp/16/thumbs-down.png · https://gentleface.com/png/line-sharp/32/thumbs-down.png · https://gentleface.com/png/line-sharp/48/thumbs-down.png
- solid-round: https://gentleface.com/svg/solid-round/16/thumbs-down.svg · PNG https://gentleface.com/png/solid-round/16/thumbs-down.png · https://gentleface.com/png/solid-round/32/thumbs-down.png · https://gentleface.com/png/solid-round/48/thumbs-down.png
- solid-soft: https://gentleface.com/svg/solid-soft/16/thumbs-down.svg · PNG https://gentleface.com/png/solid-soft/16/thumbs-down.png · https://gentleface.com/png/solid-soft/32/thumbs-down.png · https://gentleface.com/png/solid-soft/48/thumbs-down.png
- solid-sharp: https://gentleface.com/svg/solid-sharp/16/thumbs-down.svg · PNG https://gentleface.com/png/solid-sharp/16/thumbs-down.png · https://gentleface.com/png/solid-sharp/32/thumbs-down.png · https://gentleface.com/png/solid-sharp/48/thumbs-down.png

The SVG of every style: https://gentleface.com/icons/thumbs-down.json (`svg`).

## Code (line-round)

The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. For another style, take its SVG from the JSON and swap the path `d`.

### SVG

```svg
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M1.14 2.264C1.242 2.007 1.391 1.781 1.586 1.586C1.781 1.391 2.007 1.242 2.264 1.14C2.5 1.047 2.746 1 3 1L11.573 1C11.952 1 12.302 1.1 12.624 1.299C12.947 1.498 13.192 1.767 13.362 2.106L14.5 4.382C14.833 5.049 15 5.755 15 6.5L15 8C15 8.276 14.902 8.512 14.707 8.707C14.512 8.902 14.276 9 14 9L11 9L11 11.5C11 11.806 10.932 12.117 10.795 12.433C10.678 12.703 10.52 12.957 10.322 13.195C10.134 13.42 9.935 13.603 9.723 13.744C9.467 13.915 9.226 14 9 14C8.813 14 8.667 13.994 8.563 13.981C8.367 13.956 8.189 13.903 8.026 13.822C7.649 13.634 7.325 13.267 7.053 12.724L5.191 9L3 9C2.746 9 2.5 8.953 2.264 8.86C2.007 8.758 1.781 8.609 1.586 8.414C1.391 8.219 1.242 7.993 1.14 7.736C1.047 7.5 1 7.254 1 7L1 3C1 2.746 1.047 2.5 1.14 2.264ZM2.293 7.707C2.488 7.902 2.724 8 3 8L4 8L4 2L3 2C2.724 2 2.488 2.098 2.293 2.293C2.098 2.488 2 2.724 2 3L2 7C2 7.276 2.098 7.512 2.293 7.707ZM5.717 8.149C5.878 8.249 6.001 8.383 6.085 8.553L7.947 12.276C8.12 12.621 8.295 12.839 8.474 12.928C8.534 12.958 8.605 12.978 8.687 12.988C8.749 12.996 8.851 13 8.993 13L8.993 13C9.002 12.998 9.013 12.994 9.026 12.989C9.068 12.973 9.115 12.947 9.168 12.912C9.3 12.824 9.428 12.705 9.553 12.555C9.691 12.39 9.798 12.217 9.877 12.036C9.959 11.847 10 11.668 10 11.5L10 9C10 8.724 10.098 8.488 10.293 8.293C10.488 8.098 10.724 8 11 8L14 8L14 6.5C14 5.912 13.869 5.355 13.606 4.829L12.467 2.553C12.383 2.383 12.26 2.249 12.099 2.149C11.938 2.05 11.762 2 11.573 2L5 2L5 8L5.191 8C5.38 8 5.556 8.05 5.717 8.149Z"/></svg>
```

### React

```tsx
// Gentleface "thumbs-down" (line-round), MIT. https://gentleface.com/icons/thumbs-down
import type { SVGProps } from 'react';

export function ThumbsDownIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M1.14 2.264C1.242 2.007 1.391 1.781 1.586 1.586C1.781 1.391 2.007 1.242 2.264 1.14C2.5 1.047 2.746 1 3 1L11.573 1C11.952 1 12.302 1.1 12.624 1.299C12.947 1.498 13.192 1.767 13.362 2.106L14.5 4.382C14.833 5.049 15 5.755 15 6.5L15 8C15 8.276 14.902 8.512 14.707 8.707C14.512 8.902 14.276 9 14 9L11 9L11 11.5C11 11.806 10.932 12.117 10.795 12.433C10.678 12.703 10.52 12.957 10.322 13.195C10.134 13.42 9.935 13.603 9.723 13.744C9.467 13.915 9.226 14 9 14C8.813 14 8.667 13.994 8.563 13.981C8.367 13.956 8.189 13.903 8.026 13.822C7.649 13.634 7.325 13.267 7.053 12.724L5.191 9L3 9C2.746 9 2.5 8.953 2.264 8.86C2.007 8.758 1.781 8.609 1.586 8.414C1.391 8.219 1.242 7.993 1.14 7.736C1.047 7.5 1 7.254 1 7L1 3C1 2.746 1.047 2.5 1.14 2.264ZM2.293 7.707C2.488 7.902 2.724 8 3 8L4 8L4 2L3 2C2.724 2 2.488 2.098 2.293 2.293C2.098 2.488 2 2.724 2 3L2 7C2 7.276 2.098 7.512 2.293 7.707ZM5.717 8.149C5.878 8.249 6.001 8.383 6.085 8.553L7.947 12.276C8.12 12.621 8.295 12.839 8.474 12.928C8.534 12.958 8.605 12.978 8.687 12.988C8.749 12.996 8.851 13 8.993 13L8.993 13C9.002 12.998 9.013 12.994 9.026 12.989C9.068 12.973 9.115 12.947 9.168 12.912C9.3 12.824 9.428 12.705 9.553 12.555C9.691 12.39 9.798 12.217 9.877 12.036C9.959 11.847 10 11.668 10 11.5L10 9C10 8.724 10.098 8.488 10.293 8.293C10.488 8.098 10.724 8 11 8L14 8L14 6.5C14 5.912 13.869 5.355 13.606 4.829L12.467 2.553C12.383 2.383 12.26 2.249 12.099 2.149C11.938 2.05 11.762 2 11.573 2L5 2L5 8L5.191 8C5.38 8 5.556 8.05 5.717 8.149Z" />
    </svg>
  );
}
```

### Vue

```vue
<!-- Gentleface "thumbs-down" (line-round), MIT. https://gentleface.com/icons/thumbs-down -->
<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true">
    <path d="M1.14 2.264C1.242 2.007 1.391 1.781 1.586 1.586C1.781 1.391 2.007 1.242 2.264 1.14C2.5 1.047 2.746 1 3 1L11.573 1C11.952 1 12.302 1.1 12.624 1.299C12.947 1.498 13.192 1.767 13.362 2.106L14.5 4.382C14.833 5.049 15 5.755 15 6.5L15 8C15 8.276 14.902 8.512 14.707 8.707C14.512 8.902 14.276 9 14 9L11 9L11 11.5C11 11.806 10.932 12.117 10.795 12.433C10.678 12.703 10.52 12.957 10.322 13.195C10.134 13.42 9.935 13.603 9.723 13.744C9.467 13.915 9.226 14 9 14C8.813 14 8.667 13.994 8.563 13.981C8.367 13.956 8.189 13.903 8.026 13.822C7.649 13.634 7.325 13.267 7.053 12.724L5.191 9L3 9C2.746 9 2.5 8.953 2.264 8.86C2.007 8.758 1.781 8.609 1.586 8.414C1.391 8.219 1.242 7.993 1.14 7.736C1.047 7.5 1 7.254 1 7L1 3C1 2.746 1.047 2.5 1.14 2.264ZM2.293 7.707C2.488 7.902 2.724 8 3 8L4 8L4 2L3 2C2.724 2 2.488 2.098 2.293 2.293C2.098 2.488 2 2.724 2 3L2 7C2 7.276 2.098 7.512 2.293 7.707ZM5.717 8.149C5.878 8.249 6.001 8.383 6.085 8.553L7.947 12.276C8.12 12.621 8.295 12.839 8.474 12.928C8.534 12.958 8.605 12.978 8.687 12.988C8.749 12.996 8.851 13 8.993 13L8.993 13C9.002 12.998 9.013 12.994 9.026 12.989C9.068 12.973 9.115 12.947 9.168 12.912C9.3 12.824 9.428 12.705 9.553 12.555C9.691 12.39 9.798 12.217 9.877 12.036C9.959 11.847 10 11.668 10 11.5L10 9C10 8.724 10.098 8.488 10.293 8.293C10.488 8.098 10.724 8 11 8L14 8L14 6.5C14 5.912 13.869 5.355 13.606 4.829L12.467 2.553C12.383 2.383 12.26 2.249 12.099 2.149C11.938 2.05 11.762 2 11.573 2L5 2L5 8L5.191 8C5.38 8 5.556 8.05 5.717 8.149Z" />
  </svg>
</template>
```

### Svelte

```svelte
<!-- Gentleface "thumbs-down" (line-round), MIT. https://gentleface.com/icons/thumbs-down -->
<script>
  let props = $props();
</script>

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
  <path d="M1.14 2.264C1.242 2.007 1.391 1.781 1.586 1.586C1.781 1.391 2.007 1.242 2.264 1.14C2.5 1.047 2.746 1 3 1L11.573 1C11.952 1 12.302 1.1 12.624 1.299C12.947 1.498 13.192 1.767 13.362 2.106L14.5 4.382C14.833 5.049 15 5.755 15 6.5L15 8C15 8.276 14.902 8.512 14.707 8.707C14.512 8.902 14.276 9 14 9L11 9L11 11.5C11 11.806 10.932 12.117 10.795 12.433C10.678 12.703 10.52 12.957 10.322 13.195C10.134 13.42 9.935 13.603 9.723 13.744C9.467 13.915 9.226 14 9 14C8.813 14 8.667 13.994 8.563 13.981C8.367 13.956 8.189 13.903 8.026 13.822C7.649 13.634 7.325 13.267 7.053 12.724L5.191 9L3 9C2.746 9 2.5 8.953 2.264 8.86C2.007 8.758 1.781 8.609 1.586 8.414C1.391 8.219 1.242 7.993 1.14 7.736C1.047 7.5 1 7.254 1 7L1 3C1 2.746 1.047 2.5 1.14 2.264ZM2.293 7.707C2.488 7.902 2.724 8 3 8L4 8L4 2L3 2C2.724 2 2.488 2.098 2.293 2.293C2.098 2.488 2 2.724 2 3L2 7C2 7.276 2.098 7.512 2.293 7.707ZM5.717 8.149C5.878 8.249 6.001 8.383 6.085 8.553L7.947 12.276C8.12 12.621 8.295 12.839 8.474 12.928C8.534 12.958 8.605 12.978 8.687 12.988C8.749 12.996 8.851 13 8.993 13L8.993 13C9.002 12.998 9.013 12.994 9.026 12.989C9.068 12.973 9.115 12.947 9.168 12.912C9.3 12.824 9.428 12.705 9.553 12.555C9.691 12.39 9.798 12.217 9.877 12.036C9.959 11.847 10 11.668 10 11.5L10 9C10 8.724 10.098 8.488 10.293 8.293C10.488 8.098 10.724 8 11 8L14 8L14 6.5C14 5.912 13.869 5.355 13.606 4.829L12.467 2.553C12.383 2.383 12.26 2.249 12.099 2.149C11.938 2.05 11.762 2 11.573 2L5 2L5 8L5.191 8C5.38 8 5.556 8.05 5.717 8.149Z" />
</svg>
```

### HTML img

```html
<!-- Gentleface "thumbs-down" (line-round), MIT. https://gentleface.com/icons/thumbs-down. An <img> can't take currentColor: it draws black. Inline the SVG or use the CSS mask to color it. -->
<img src="https://gentleface.com/svg/line-round/16/thumbs-down.svg" width="16" height="16" alt="">
```

### CSS

```css
/* Gentleface "thumbs-down" (line-round), MIT. https://gentleface.com/icons/thumbs-down. Takes the text color. */
.icon-thumbs-down {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M1.14 2.264C1.242 2.007 1.391 1.781 1.586 1.586C1.781 1.391 2.007 1.242 2.264 1.14C2.5 1.047 2.746 1 3 1L11.573 1C11.952 1 12.302 1.1 12.624 1.299C12.947 1.498 13.192 1.767 13.362 2.106L14.5 4.382C14.833 5.049 15 5.755 15 6.5L15 8C15 8.276 14.902 8.512 14.707 8.707C14.512 8.902 14.276 9 14 9L11 9L11 11.5C11 11.806 10.932 12.117 10.795 12.433C10.678 12.703 10.52 12.957 10.322 13.195C10.134 13.42 9.935 13.603 9.723 13.744C9.467 13.915 9.226 14 9 14C8.813 14 8.667 13.994 8.563 13.981C8.367 13.956 8.189 13.903 8.026 13.822C7.649 13.634 7.325 13.267 7.053 12.724L5.191 9L3 9C2.746 9 2.5 8.953 2.264 8.86C2.007 8.758 1.781 8.609 1.586 8.414C1.391 8.219 1.242 7.993 1.14 7.736C1.047 7.5 1 7.254 1 7L1 3C1 2.746 1.047 2.5 1.14 2.264ZM2.293 7.707C2.488 7.902 2.724 8 3 8L4 8L4 2L3 2C2.724 2 2.488 2.098 2.293 2.293C2.098 2.488 2 2.724 2 3L2 7C2 7.276 2.098 7.512 2.293 7.707ZM5.717 8.149C5.878 8.249 6.001 8.383 6.085 8.553L7.947 12.276C8.12 12.621 8.295 12.839 8.474 12.928C8.534 12.958 8.605 12.978 8.687 12.988C8.749 12.996 8.851 13 8.993 13L8.993 13C9.002 12.998 9.013 12.994 9.026 12.989C9.068 12.973 9.115 12.947 9.168 12.912C9.3 12.824 9.428 12.705 9.553 12.555C9.691 12.39 9.798 12.217 9.877 12.036C9.959 11.847 10 11.668 10 11.5L10 9C10 8.724 10.098 8.488 10.293 8.293C10.488 8.098 10.724 8 11 8L14 8L14 6.5C14 5.912 13.869 5.355 13.606 4.829L12.467 2.553C12.383 2.383 12.26 2.249 12.099 2.149C11.938 2.05 11.762 2 11.573 2L5 2L5 8L5.191 8C5.38 8 5.556 8.05 5.717 8.149Z'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M1.14 2.264C1.242 2.007 1.391 1.781 1.586 1.586C1.781 1.391 2.007 1.242 2.264 1.14C2.5 1.047 2.746 1 3 1L11.573 1C11.952 1 12.302 1.1 12.624 1.299C12.947 1.498 13.192 1.767 13.362 2.106L14.5 4.382C14.833 5.049 15 5.755 15 6.5L15 8C15 8.276 14.902 8.512 14.707 8.707C14.512 8.902 14.276 9 14 9L11 9L11 11.5C11 11.806 10.932 12.117 10.795 12.433C10.678 12.703 10.52 12.957 10.322 13.195C10.134 13.42 9.935 13.603 9.723 13.744C9.467 13.915 9.226 14 9 14C8.813 14 8.667 13.994 8.563 13.981C8.367 13.956 8.189 13.903 8.026 13.822C7.649 13.634 7.325 13.267 7.053 12.724L5.191 9L3 9C2.746 9 2.5 8.953 2.264 8.86C2.007 8.758 1.781 8.609 1.586 8.414C1.391 8.219 1.242 7.993 1.14 7.736C1.047 7.5 1 7.254 1 7L1 3C1 2.746 1.047 2.5 1.14 2.264ZM2.293 7.707C2.488 7.902 2.724 8 3 8L4 8L4 2L3 2C2.724 2 2.488 2.098 2.293 2.293C2.098 2.488 2 2.724 2 3L2 7C2 7.276 2.098 7.512 2.293 7.707ZM5.717 8.149C5.878 8.249 6.001 8.383 6.085 8.553L7.947 12.276C8.12 12.621 8.295 12.839 8.474 12.928C8.534 12.958 8.605 12.978 8.687 12.988C8.749 12.996 8.851 13 8.993 13L8.993 13C9.002 12.998 9.013 12.994 9.026 12.989C9.068 12.973 9.115 12.947 9.168 12.912C9.3 12.824 9.428 12.705 9.553 12.555C9.691 12.39 9.798 12.217 9.877 12.036C9.959 11.847 10 11.668 10 11.5L10 9C10 8.724 10.098 8.488 10.293 8.293C10.488 8.098 10.724 8 11 8L14 8L14 6.5C14 5.912 13.869 5.355 13.606 4.829L12.467 2.553C12.383 2.383 12.26 2.249 12.099 2.149C11.938 2.05 11.762 2 11.573 2L5 2L5 8L5.191 8C5.38 8 5.556 8.05 5.717 8.149Z'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
}
```

### Data URL

```text
data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M1.14 2.264C1.242 2.007 1.391 1.781 1.586 1.586C1.781 1.391 2.007 1.242 2.264 1.14C2.5 1.047 2.746 1 3 1L11.573 1C11.952 1 12.302 1.1 12.624 1.299C12.947 1.498 13.192 1.767 13.362 2.106L14.5 4.382C14.833 5.049 15 5.755 15 6.5L15 8C15 8.276 14.902 8.512 14.707 8.707C14.512 8.902 14.276 9 14 9L11 9L11 11.5C11 11.806 10.932 12.117 10.795 12.433C10.678 12.703 10.52 12.957 10.322 13.195C10.134 13.42 9.935 13.603 9.723 13.744C9.467 13.915 9.226 14 9 14C8.813 14 8.667 13.994 8.563 13.981C8.367 13.956 8.189 13.903 8.026 13.822C7.649 13.634 7.325 13.267 7.053 12.724L5.191 9L3 9C2.746 9 2.5 8.953 2.264 8.86C2.007 8.758 1.781 8.609 1.586 8.414C1.391 8.219 1.242 7.993 1.14 7.736C1.047 7.5 1 7.254 1 7L1 3C1 2.746 1.047 2.5 1.14 2.264ZM2.293 7.707C2.488 7.902 2.724 8 3 8L4 8L4 2L3 2C2.724 2 2.488 2.098 2.293 2.293C2.098 2.488 2 2.724 2 3L2 7C2 7.276 2.098 7.512 2.293 7.707ZM5.717 8.149C5.878 8.249 6.001 8.383 6.085 8.553L7.947 12.276C8.12 12.621 8.295 12.839 8.474 12.928C8.534 12.958 8.605 12.978 8.687 12.988C8.749 12.996 8.851 13 8.993 13L8.993 13C9.002 12.998 9.013 12.994 9.026 12.989C9.068 12.973 9.115 12.947 9.168 12.912C9.3 12.824 9.428 12.705 9.553 12.555C9.691 12.39 9.798 12.217 9.877 12.036C9.959 11.847 10 11.668 10 11.5L10 9C10 8.724 10.098 8.488 10.293 8.293C10.488 8.098 10.724 8 11 8L14 8L14 6.5C14 5.912 13.869 5.355 13.606 4.829L12.467 2.553C12.383 2.383 12.26 2.249 12.099 2.149C11.938 2.05 11.762 2 11.573 2L5 2L5 8L5.191 8C5.38 8 5.556 8.05 5.717 8.149Z'/%3E%3C/svg%3E
```

### Sprite

```html
<!-- Gentleface "thumbs-down" (line-round), MIT. https://gentleface.com/icons/thumbs-down
     Every icon of this style in one file: https://gentleface.com/sprite/line-round.svg
     Serve it from your own origin: <use> does not load from another origin. -->
<svg width="16" height="16" aria-hidden="true"><use href="/sprite/line-round.svg#thumbs-down"/></svg>
```

### SwiftUI

```swift
// Gentleface "thumbs-down" (line-round), MIT. https://gentleface.com/icons/thumbs-down
import SwiftUI

struct ThumbsDownIcon: Shape {
    func path(in rect: CGRect) -> Path {
        var p = Path()
        p.move(to: CGPoint(x: 1.14, y: 2.264))
        p.addCurve(to: CGPoint(x: 1.586, y: 1.586), control1: CGPoint(x: 1.242, y: 2.007), control2: CGPoint(x: 1.391, y: 1.781))
        p.addCurve(to: CGPoint(x: 2.264, y: 1.14), control1: CGPoint(x: 1.781, y: 1.391), control2: CGPoint(x: 2.007, y: 1.242))
        p.addCurve(to: CGPoint(x: 3, y: 1), control1: CGPoint(x: 2.5, y: 1.047), control2: CGPoint(x: 2.746, y: 1))
        p.addLine(to: CGPoint(x: 11.573, y: 1))
        p.addCurve(to: CGPoint(x: 12.624, y: 1.299), control1: CGPoint(x: 11.952, y: 1), control2: CGPoint(x: 12.302, y: 1.1))
        p.addCurve(to: CGPoint(x: 13.362, y: 2.106), control1: CGPoint(x: 12.947, y: 1.498), control2: CGPoint(x: 13.192, y: 1.767))
        p.addLine(to: CGPoint(x: 14.5, y: 4.382))
        p.addCurve(to: CGPoint(x: 15, y: 6.5), control1: CGPoint(x: 14.833, y: 5.049), control2: CGPoint(x: 15, y: 5.755))
        p.addLine(to: CGPoint(x: 15, y: 8))
        p.addCurve(to: CGPoint(x: 14.707, y: 8.707), control1: CGPoint(x: 15, y: 8.276), control2: CGPoint(x: 14.902, y: 8.512))
        p.addCurve(to: CGPoint(x: 14, y: 9), control1: CGPoint(x: 14.512, y: 8.902), control2: CGPoint(x: 14.276, y: 9))
        p.addLine(to: CGPoint(x: 11, y: 9))
        p.addLine(to: CGPoint(x: 11, y: 11.5))
        p.addCurve(to: CGPoint(x: 10.795, y: 12.433), control1: CGPoint(x: 11, y: 11.806), control2: CGPoint(x: 10.932, y: 12.117))
        p.addCurve(to: CGPoint(x: 10.322, y: 13.195), control1: CGPoint(x: 10.678, y: 12.703), control2: CGPoint(x: 10.52, y: 12.957))
        p.addCurve(to: CGPoint(x: 9.723, y: 13.744), control1: CGPoint(x: 10.134, y: 13.42), control2: CGPoint(x: 9.935, y: 13.603))
        p.addCurve(to: CGPoint(x: 9, y: 14), control1: CGPoint(x: 9.467, y: 13.915), control2: CGPoint(x: 9.226, y: 14))
        p.addCurve(to: CGPoint(x: 8.563, y: 13.981), control1: CGPoint(x: 8.813, y: 14), control2: CGPoint(x: 8.667, y: 13.994))
        p.addCurve(to: CGPoint(x: 8.026, y: 13.822), control1: CGPoint(x: 8.367, y: 13.956), control2: CGPoint(x: 8.189, y: 13.903))
        p.addCurve(to: CGPoint(x: 7.053, y: 12.724), control1: CGPoint(x: 7.649, y: 13.634), control2: CGPoint(x: 7.325, y: 13.267))
        p.addLine(to: CGPoint(x: 5.191, y: 9))
        p.addLine(to: CGPoint(x: 3, y: 9))
        p.addCurve(to: CGPoint(x: 2.264, y: 8.86), control1: CGPoint(x: 2.746, y: 9), control2: CGPoint(x: 2.5, y: 8.953))
        p.addCurve(to: CGPoint(x: 1.586, y: 8.414), control1: CGPoint(x: 2.007, y: 8.758), control2: CGPoint(x: 1.781, y: 8.609))
        p.addCurve(to: CGPoint(x: 1.14, y: 7.736), control1: CGPoint(x: 1.391, y: 8.219), control2: CGPoint(x: 1.242, y: 7.993))
        p.addCurve(to: CGPoint(x: 1, y: 7), control1: CGPoint(x: 1.047, y: 7.5), control2: CGPoint(x: 1, y: 7.254))
        p.addLine(to: CGPoint(x: 1, y: 3))
        p.addCurve(to: CGPoint(x: 1.14, y: 2.264), control1: CGPoint(x: 1, y: 2.746), control2: CGPoint(x: 1.047, y: 2.5))
        p.closeSubpath()
        p.move(to: CGPoint(x: 2.293, y: 7.707))
        p.addCurve(to: CGPoint(x: 3, y: 8), control1: CGPoint(x: 2.488, y: 7.902), control2: CGPoint(x: 2.724, y: 8))
        p.addLine(to: CGPoint(x: 4, y: 8))
        p.addLine(to: CGPoint(x: 4, y: 2))
        p.addLine(to: CGPoint(x: 3, y: 2))
        p.addCurve(to: CGPoint(x: 2.293, y: 2.293), control1: CGPoint(x: 2.724, y: 2), control2: CGPoint(x: 2.488, y: 2.098))
        p.addCurve(to: CGPoint(x: 2, y: 3), control1: CGPoint(x: 2.098, y: 2.488), control2: CGPoint(x: 2, y: 2.724))
        p.addLine(to: CGPoint(x: 2, y: 7))
        p.addCurve(to: CGPoint(x: 2.293, y: 7.707), control1: CGPoint(x: 2, y: 7.276), control2: CGPoint(x: 2.098, y: 7.512))
        p.closeSubpath()
        p.move(to: CGPoint(x: 5.717, y: 8.149))
        p.addCurve(to: CGPoint(x: 6.085, y: 8.553), control1: CGPoint(x: 5.878, y: 8.249), control2: CGPoint(x: 6.001, y: 8.383))
        p.addLine(to: CGPoint(x: 7.947, y: 12.276))
        p.addCurve(to: CGPoint(x: 8.474, y: 12.928), control1: CGPoint(x: 8.12, y: 12.621), control2: CGPoint(x: 8.295, y: 12.839))
        p.addCurve(to: CGPoint(x: 8.687, y: 12.988), control1: CGPoint(x: 8.534, y: 12.958), control2: CGPoint(x: 8.605, y: 12.978))
        p.addCurve(to: CGPoint(x: 8.993, y: 13), control1: CGPoint(x: 8.749, y: 12.996), control2: CGPoint(x: 8.851, y: 13))
        p.addLine(to: CGPoint(x: 8.993, y: 13))
        p.addCurve(to: CGPoint(x: 9.026, y: 12.989), control1: CGPoint(x: 9.002, y: 12.998), control2: CGPoint(x: 9.013, y: 12.994))
        p.addCurve(to: CGPoint(x: 9.168, y: 12.912), control1: CGPoint(x: 9.068, y: 12.973), control2: CGPoint(x: 9.115, y: 12.947))
        p.addCurve(to: CGPoint(x: 9.553, y: 12.555), control1: CGPoint(x: 9.3, y: 12.824), control2: CGPoint(x: 9.428, y: 12.705))
        p.addCurve(to: CGPoint(x: 9.877, y: 12.036), control1: CGPoint(x: 9.691, y: 12.39), control2: CGPoint(x: 9.798, y: 12.217))
        p.addCurve(to: CGPoint(x: 10, y: 11.5), control1: CGPoint(x: 9.959, y: 11.847), control2: CGPoint(x: 10, y: 11.668))
        p.addLine(to: CGPoint(x: 10, y: 9))
        p.addCurve(to: CGPoint(x: 10.293, y: 8.293), control1: CGPoint(x: 10, y: 8.724), control2: CGPoint(x: 10.098, y: 8.488))
        p.addCurve(to: CGPoint(x: 11, y: 8), control1: CGPoint(x: 10.488, y: 8.098), control2: CGPoint(x: 10.724, y: 8))
        p.addLine(to: CGPoint(x: 14, y: 8))
        p.addLine(to: CGPoint(x: 14, y: 6.5))
        p.addCurve(to: CGPoint(x: 13.606, y: 4.829), control1: CGPoint(x: 14, y: 5.912), control2: CGPoint(x: 13.869, y: 5.355))
        p.addLine(to: CGPoint(x: 12.467, y: 2.553))
        p.addCurve(to: CGPoint(x: 12.099, y: 2.149), control1: CGPoint(x: 12.383, y: 2.383), control2: CGPoint(x: 12.26, y: 2.249))
        p.addCurve(to: CGPoint(x: 11.573, y: 2), control1: CGPoint(x: 11.938, y: 2.05), control2: CGPoint(x: 11.762, y: 2))
        p.addLine(to: CGPoint(x: 5, y: 2))
        p.addLine(to: CGPoint(x: 5, y: 8))
        p.addLine(to: CGPoint(x: 5.191, y: 8))
        p.addCurve(to: CGPoint(x: 5.717, y: 8.149), control1: CGPoint(x: 5.38, y: 8), control2: CGPoint(x: 5.556, y: 8.05))
        p.closeSubpath()
        return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16))
    }
}

// ThumbsDownIcon().frame(width: 16, height: 16) fills with the foreground style. Keep it on whole points to stay crisp.
```

### Compose

```kotlin
// Gentleface "thumbs-down" (line-round), MIT. https://gentleface.com/icons/thumbs-down
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.graphics.SolidColor
import androidx.compose.ui.graphics.vector.ImageVector
import androidx.compose.ui.graphics.vector.addPathNodes
import androidx.compose.ui.unit.dp

val ThumbsDownIcon: ImageVector by lazy {
    ImageVector.Builder(
        name = "thumbs-down", defaultWidth = 16.dp, defaultHeight = 16.dp,
        viewportWidth = 16f, viewportHeight = 16f,
    ).addPath(
        pathData = addPathNodes("M1.14 2.264C1.242 2.007 1.391 1.781 1.586 1.586C1.781 1.391 2.007 1.242 2.264 1.14C2.5 1.047 2.746 1 3 1L11.573 1C11.952 1 12.302 1.1 12.624 1.299C12.947 1.498 13.192 1.767 13.362 2.106L14.5 4.382C14.833 5.049 15 5.755 15 6.5L15 8C15 8.276 14.902 8.512 14.707 8.707C14.512 8.902 14.276 9 14 9L11 9L11 11.5C11 11.806 10.932 12.117 10.795 12.433C10.678 12.703 10.52 12.957 10.322 13.195C10.134 13.42 9.935 13.603 9.723 13.744C9.467 13.915 9.226 14 9 14C8.813 14 8.667 13.994 8.563 13.981C8.367 13.956 8.189 13.903 8.026 13.822C7.649 13.634 7.325 13.267 7.053 12.724L5.191 9L3 9C2.746 9 2.5 8.953 2.264 8.86C2.007 8.758 1.781 8.609 1.586 8.414C1.391 8.219 1.242 7.993 1.14 7.736C1.047 7.5 1 7.254 1 7L1 3C1 2.746 1.047 2.5 1.14 2.264ZM2.293 7.707C2.488 7.902 2.724 8 3 8L4 8L4 2L3 2C2.724 2 2.488 2.098 2.293 2.293C2.098 2.488 2 2.724 2 3L2 7C2 7.276 2.098 7.512 2.293 7.707ZM5.717 8.149C5.878 8.249 6.001 8.383 6.085 8.553L7.947 12.276C8.12 12.621 8.295 12.839 8.474 12.928C8.534 12.958 8.605 12.978 8.687 12.988C8.749 12.996 8.851 13 8.993 13L8.993 13C9.002 12.998 9.013 12.994 9.026 12.989C9.068 12.973 9.115 12.947 9.168 12.912C9.3 12.824 9.428 12.705 9.553 12.555C9.691 12.39 9.798 12.217 9.877 12.036C9.959 11.847 10 11.668 10 11.5L10 9C10 8.724 10.098 8.488 10.293 8.293C10.488 8.098 10.724 8 11 8L14 8L14 6.5C14 5.912 13.869 5.355 13.606 4.829L12.467 2.553C12.383 2.383 12.26 2.249 12.099 2.149C11.938 2.05 11.762 2 11.573 2L5 2L5 8L5.191 8C5.38 8 5.556 8.05 5.717 8.149Z"),
        fill = SolidColor(Color.Black),
    ).build()
}

// Icon(ThumbsDownIcon, contentDescription = null) tints it with LocalContentColor.
```

### Android XML

```xml
<!-- res/drawable/ic_thumbs_down.xml · Gentleface "thumbs-down" (line-round), MIT. https://gentleface.com/icons/thumbs-down -->
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="16dp"
    android:height="16dp"
    android:viewportWidth="16"
    android:viewportHeight="16"
    android:tint="?attr/colorControlNormal">
  <path
      android:fillColor="@android:color/white"
      android:pathData="M1.14 2.264C1.242 2.007 1.391 1.781 1.586 1.586C1.781 1.391 2.007 1.242 2.264 1.14C2.5 1.047 2.746 1 3 1L11.573 1C11.952 1 12.302 1.1 12.624 1.299C12.947 1.498 13.192 1.767 13.362 2.106L14.5 4.382C14.833 5.049 15 5.755 15 6.5L15 8C15 8.276 14.902 8.512 14.707 8.707C14.512 8.902 14.276 9 14 9L11 9L11 11.5C11 11.806 10.932 12.117 10.795 12.433C10.678 12.703 10.52 12.957 10.322 13.195C10.134 13.42 9.935 13.603 9.723 13.744C9.467 13.915 9.226 14 9 14C8.813 14 8.667 13.994 8.563 13.981C8.367 13.956 8.189 13.903 8.026 13.822C7.649 13.634 7.325 13.267 7.053 12.724L5.191 9L3 9C2.746 9 2.5 8.953 2.264 8.86C2.007 8.758 1.781 8.609 1.586 8.414C1.391 8.219 1.242 7.993 1.14 7.736C1.047 7.5 1 7.254 1 7L1 3C1 2.746 1.047 2.5 1.14 2.264ZM2.293 7.707C2.488 7.902 2.724 8 3 8L4 8L4 2L3 2C2.724 2 2.488 2.098 2.293 2.293C2.098 2.488 2 2.724 2 3L2 7C2 7.276 2.098 7.512 2.293 7.707ZM5.717 8.149C5.878 8.249 6.001 8.383 6.085 8.553L7.947 12.276C8.12 12.621 8.295 12.839 8.474 12.928C8.534 12.958 8.605 12.978 8.687 12.988C8.749 12.996 8.851 13 8.993 13L8.993 13C9.002 12.998 9.013 12.994 9.026 12.989C9.068 12.973 9.115 12.947 9.168 12.912C9.3 12.824 9.428 12.705 9.553 12.555C9.691 12.39 9.798 12.217 9.877 12.036C9.959 11.847 10 11.668 10 11.5L10 9C10 8.724 10.098 8.488 10.293 8.293C10.488 8.098 10.724 8 11 8L14 8L14 6.5C14 5.912 13.869 5.355 13.606 4.829L12.467 2.553C12.383 2.383 12.26 2.249 12.099 2.149C11.938 2.05 11.762 2 11.573 2L5 2L5 8L5.191 8C5.38 8 5.556 8.05 5.717 8.149Z"/>
</vector>
```

### Flutter

```dart
// Gentleface "thumbs-down" (line-round), MIT. https://gentleface.com/icons/thumbs-down
import 'package:flutter/widgets.dart';

class ThumbsDownIcon extends StatelessWidget {
  const ThumbsDownIcon({super.key, this.size = 16, this.color});
  final double size;
  final Color? color;

  @override
  Widget build(BuildContext context) => CustomPaint(
        size: Size.square(size),
        painter: _ThumbsDownIconPainter(color ?? IconTheme.of(context).color ?? const Color(0xFF000000)),
      );
}

class _ThumbsDownIconPainter extends CustomPainter {
  _ThumbsDownIconPainter(this.color);
  final Color color;

  @override
  void paint(Canvas canvas, Size size) {
    canvas.scale(size.width / 16, size.height / 16);
    final p = Path()
      ..moveTo(1.14, 2.264)
      ..cubicTo(1.242, 2.007, 1.391, 1.781, 1.586, 1.586)
      ..cubicTo(1.781, 1.391, 2.007, 1.242, 2.264, 1.14)
      ..cubicTo(2.5, 1.047, 2.746, 1, 3, 1)
      ..lineTo(11.573, 1)
      ..cubicTo(11.952, 1, 12.302, 1.1, 12.624, 1.299)
      ..cubicTo(12.947, 1.498, 13.192, 1.767, 13.362, 2.106)
      ..lineTo(14.5, 4.382)
      ..cubicTo(14.833, 5.049, 15, 5.755, 15, 6.5)
      ..lineTo(15, 8)
      ..cubicTo(15, 8.276, 14.902, 8.512, 14.707, 8.707)
      ..cubicTo(14.512, 8.902, 14.276, 9, 14, 9)
      ..lineTo(11, 9)
      ..lineTo(11, 11.5)
      ..cubicTo(11, 11.806, 10.932, 12.117, 10.795, 12.433)
      ..cubicTo(10.678, 12.703, 10.52, 12.957, 10.322, 13.195)
      ..cubicTo(10.134, 13.42, 9.935, 13.603, 9.723, 13.744)
      ..cubicTo(9.467, 13.915, 9.226, 14, 9, 14)
      ..cubicTo(8.813, 14, 8.667, 13.994, 8.563, 13.981)
      ..cubicTo(8.367, 13.956, 8.189, 13.903, 8.026, 13.822)
      ..cubicTo(7.649, 13.634, 7.325, 13.267, 7.053, 12.724)
      ..lineTo(5.191, 9)
      ..lineTo(3, 9)
      ..cubicTo(2.746, 9, 2.5, 8.953, 2.264, 8.86)
      ..cubicTo(2.007, 8.758, 1.781, 8.609, 1.586, 8.414)
      ..cubicTo(1.391, 8.219, 1.242, 7.993, 1.14, 7.736)
      ..cubicTo(1.047, 7.5, 1, 7.254, 1, 7)
      ..lineTo(1, 3)
      ..cubicTo(1, 2.746, 1.047, 2.5, 1.14, 2.264)
      ..close()
      ..moveTo(2.293, 7.707)
      ..cubicTo(2.488, 7.902, 2.724, 8, 3, 8)
      ..lineTo(4, 8)
      ..lineTo(4, 2)
      ..lineTo(3, 2)
      ..cubicTo(2.724, 2, 2.488, 2.098, 2.293, 2.293)
      ..cubicTo(2.098, 2.488, 2, 2.724, 2, 3)
      ..lineTo(2, 7)
      ..cubicTo(2, 7.276, 2.098, 7.512, 2.293, 7.707)
      ..close()
      ..moveTo(5.717, 8.149)
      ..cubicTo(5.878, 8.249, 6.001, 8.383, 6.085, 8.553)
      ..lineTo(7.947, 12.276)
      ..cubicTo(8.12, 12.621, 8.295, 12.839, 8.474, 12.928)
      ..cubicTo(8.534, 12.958, 8.605, 12.978, 8.687, 12.988)
      ..cubicTo(8.749, 12.996, 8.851, 13, 8.993, 13)
      ..lineTo(8.993, 13)
      ..cubicTo(9.002, 12.998, 9.013, 12.994, 9.026, 12.989)
      ..cubicTo(9.068, 12.973, 9.115, 12.947, 9.168, 12.912)
      ..cubicTo(9.3, 12.824, 9.428, 12.705, 9.553, 12.555)
      ..cubicTo(9.691, 12.39, 9.798, 12.217, 9.877, 12.036)
      ..cubicTo(9.959, 11.847, 10, 11.668, 10, 11.5)
      ..lineTo(10, 9)
      ..cubicTo(10, 8.724, 10.098, 8.488, 10.293, 8.293)
      ..cubicTo(10.488, 8.098, 10.724, 8, 11, 8)
      ..lineTo(14, 8)
      ..lineTo(14, 6.5)
      ..cubicTo(14, 5.912, 13.869, 5.355, 13.606, 4.829)
      ..lineTo(12.467, 2.553)
      ..cubicTo(12.383, 2.383, 12.26, 2.249, 12.099, 2.149)
      ..cubicTo(11.938, 2.05, 11.762, 2, 11.573, 2)
      ..lineTo(5, 2)
      ..lineTo(5, 8)
      ..lineTo(5.191, 8)
      ..cubicTo(5.38, 8, 5.556, 8.05, 5.717, 8.149)
      ..close();
    canvas.drawPath(p, Paint()..color = color);
  }

  @override
  bool shouldRepaint(_ThumbsDownIconPainter old) => old.color != color;
}
```