Gentleface › Social & emotions › thumbs-down-off

thumbs-down-off icon

Thumbs down off: dislikes disabled, downvotes off. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

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="M15.003 14.5C15.003 14.636 14.953 14.754 14.854 14.854C14.754 14.953 14.636 15.003 14.5 15.003C14.364 15.003 14.246 14.953 14.146 14.854L10.991 11.698C10.968 11.94 10.902 12.185 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.631 1.092 2.292 1.277 1.984L1.146 1.854C1.047 1.754 0.997 1.636 0.997 1.5C0.997 1.364 1.047 1.246 1.146 1.146C1.246 1.047 1.364 0.997 1.5 0.997C1.636 0.997 1.754 1.047 1.854 1.146L14.854 14.146C14.953 14.246 15.003 14.364 15.003 14.5ZM10 10.707L5 5.707L5 8L5.191 8C5.38 8 5.556 8.05 5.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 10.707ZM4 4.707L2.033 2.74C2.011 2.823 2 2.91 2 3L2 7C2 7.276 2.098 7.512 2.293 7.707C2.488 7.902 2.724 8 3 8L4 8L4 4.707ZM10.675 8.675C10.656 8.621 10.646 8.563 10.646 8.5C10.646 8.359 10.695 8.241 10.791 8.144C10.887 8.048 11.006 8 11.146 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 2L4.5 2C4.359 2 4.241 1.952 4.144 1.856C4.048 1.759 4 1.641 4 1.5C4 1.359 4.048 1.241 4.144 1.144C4.241 1.048 4.359 1 4.5 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.146 9C11.084 9 11.025 8.99 10.971 8.971L10.675 8.675Z"/></svg>

React

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

export function ThumbsDownOffIcon(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="M15.003 14.5C15.003 14.636 14.953 14.754 14.854 14.854C14.754 14.953 14.636 15.003 14.5 15.003C14.364 15.003 14.246 14.953 14.146 14.854L10.991 11.698C10.968 11.94 10.902 12.185 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.631 1.092 2.292 1.277 1.984L1.146 1.854C1.047 1.754 0.997 1.636 0.997 1.5C0.997 1.364 1.047 1.246 1.146 1.146C1.246 1.047 1.364 0.997 1.5 0.997C1.636 0.997 1.754 1.047 1.854 1.146L14.854 14.146C14.953 14.246 15.003 14.364 15.003 14.5ZM10 10.707L5 5.707L5 8L5.191 8C5.38 8 5.556 8.05 5.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 10.707ZM4 4.707L2.033 2.74C2.011 2.823 2 2.91 2 3L2 7C2 7.276 2.098 7.512 2.293 7.707C2.488 7.902 2.724 8 3 8L4 8L4 4.707ZM10.675 8.675C10.656 8.621 10.646 8.563 10.646 8.5C10.646 8.359 10.695 8.241 10.791 8.144C10.887 8.048 11.006 8 11.146 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 2L4.5 2C4.359 2 4.241 1.952 4.144 1.856C4.048 1.759 4 1.641 4 1.5C4 1.359 4.048 1.241 4.144 1.144C4.241 1.048 4.359 1 4.5 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.146 9C11.084 9 11.025 8.99 10.971 8.971L10.675 8.675Z" />
    </svg>
  );
}

Vue

Vue: see /icons/thumbs-down-off.md

Svelte

Svelte: see /icons/thumbs-down-off.md

HTML img

HTML img: see /icons/thumbs-down-off.md

CSS

CSS: see /icons/thumbs-down-off.md

Data URL

Data URL: see /icons/thumbs-down-off.md

Sprite

Sprite: see /icons/thumbs-down-off.md

SwiftUI

SwiftUI: see /icons/thumbs-down-off.md

Compose

Compose: see /icons/thumbs-down-off.md

Android XML

Android XML: see /icons/thumbs-down-off.md

Flutter

Flutter: see /icons/thumbs-down-off.md

Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too. 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. More in how to use.

With npm: import { ThumbsDownOffIcon } from '@gentleface/react'; (setup).

Meaning

Use it for

dislikes disabled, downvotes off

Example

Creator setting: dislikes turned off

Built from

thumbs-down + slash

Tags

dislike, thumb, bad, disagree, vote, downvote, reject, slash

Category

Social & emotions

Component name

ThumbsDownOffIcon

History

2026-11-06 added, released in 0.4.0

Since

version 0.4.0

Family 4

thumbs-down thumbs-up thumbs-up-down thumbs-up-off

More social & emotions icons

balloon bookmark bookmark-alert bookmark-check bookmark-heart bookmark-link bookmark-off bookmark-pencil bookmark-plus bookmark-search bookmark-star bookmark-sync bookmark-tag bookmark-x bookmarks circle-fading-plus · all social & emotions icons

For agents

Metadata: /icons/thumbs-down-off.json · Markdown: /icons/thumbs-down-off.md · SVG: https://gentleface.com/svg/{style}/16/thumbs-down-off.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/thumbs-down-off.png

thumbs-down-off icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp