Gentleface › Social & emotions › thumbs-up-off

thumbs-up-off icon

Thumbs up off: likes hidden, likes disabled, hide like count. 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.854L12.841 13.548C12.719 13.648 12.585 13.733 12.439 13.803C12.165 13.934 11.877 14 11.573 14L3 14C2.746 14 2.5 13.953 2.264 13.86C2.007 13.758 1.781 13.609 1.586 13.414C1.391 13.219 1.242 12.993 1.14 12.736C1.047 12.5 1 12.254 1 12L1 8C1 7.746 1.047 7.5 1.14 7.264C1.242 7.007 1.391 6.781 1.586 6.586C1.781 6.391 2.007 6.242 2.264 6.14C2.5 6.047 2.746 6 3 6L5.191 6L5.225 5.932L1.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.5ZM12.126 12.833L5.948 6.655C5.882 6.731 5.805 6.796 5.717 6.851C5.556 6.95 5.38 7 5.191 7L5 7L5 13L11.573 13C11.725 13 11.869 12.967 12.006 12.901C12.048 12.881 12.088 12.858 12.126 12.833ZM13.249 11.211C13.206 11.08 13.215 10.953 13.276 10.829L13.606 10.171C13.869 9.645 14 9.088 14 8.5L14 7L11 7C10.724 7 10.488 6.902 10.293 6.707C10.098 6.512 10 6.276 10 6L10 3.5C10 3.332 9.959 3.153 9.877 2.964C9.798 2.783 9.691 2.61 9.553 2.445C9.428 2.295 9.3 2.176 9.168 2.088C9.115 2.053 9.068 2.027 9.026 2.011C9.013 2.006 9.002 2.002 8.993 2L8.993 2C8.851 2 8.749 2.004 8.687 2.012C8.605 2.022 8.534 2.042 8.474 2.072C8.295 2.161 8.12 2.379 7.947 2.724L7.171 4.276C7.109 4.4 7.013 4.483 6.882 4.527C6.751 4.571 6.623 4.562 6.5 4.5L6.275 4.275C6.265 4.255 6.257 4.233 6.249 4.211C6.206 4.08 6.215 3.953 6.276 3.829L7.053 2.276C7.325 1.733 7.649 1.366 8.026 1.178C8.189 1.097 8.367 1.044 8.563 1.019C8.667 1.006 8.813 1 9 1C9.226 1 9.467 1.085 9.723 1.256C9.935 1.397 10.134 1.58 10.322 1.805C10.52 2.043 10.678 2.297 10.795 2.567C10.932 2.883 11 3.194 11 3.5L11 6L14 6C14.276 6 14.512 6.098 14.707 6.293C14.902 6.488 15 6.724 15 7L15 8.5C15 9.245 14.833 9.951 14.5 10.618L14.171 11.276C14.108 11.402 14.012 11.487 13.883 11.53C13.754 11.573 13.626 11.563 13.5 11.5L13.275 11.275C13.265 11.255 13.257 11.233 13.249 11.211ZM2.293 7.293C2.098 7.488 2 7.724 2 8L2 12C2 12.276 2.098 12.512 2.293 12.707C2.488 12.902 2.724 13 3 13L4 13L4 7L3 7C2.724 7 2.488 7.098 2.293 7.293Z"/></svg>

React

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

export function ThumbsUpOffIcon(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.854L12.841 13.548C12.719 13.648 12.585 13.733 12.439 13.803C12.165 13.934 11.877 14 11.573 14L3 14C2.746 14 2.5 13.953 2.264 13.86C2.007 13.758 1.781 13.609 1.586 13.414C1.391 13.219 1.242 12.993 1.14 12.736C1.047 12.5 1 12.254 1 12L1 8C1 7.746 1.047 7.5 1.14 7.264C1.242 7.007 1.391 6.781 1.586 6.586C1.781 6.391 2.007 6.242 2.264 6.14C2.5 6.047 2.746 6 3 6L5.191 6L5.225 5.932L1.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.5ZM12.126 12.833L5.948 6.655C5.882 6.731 5.805 6.796 5.717 6.851C5.556 6.95 5.38 7 5.191 7L5 7L5 13L11.573 13C11.725 13 11.869 12.967 12.006 12.901C12.048 12.881 12.088 12.858 12.126 12.833ZM13.249 11.211C13.206 11.08 13.215 10.953 13.276 10.829L13.606 10.171C13.869 9.645 14 9.088 14 8.5L14 7L11 7C10.724 7 10.488 6.902 10.293 6.707C10.098 6.512 10 6.276 10 6L10 3.5C10 3.332 9.959 3.153 9.877 2.964C9.798 2.783 9.691 2.61 9.553 2.445C9.428 2.295 9.3 2.176 9.168 2.088C9.115 2.053 9.068 2.027 9.026 2.011C9.013 2.006 9.002 2.002 8.993 2L8.993 2C8.851 2 8.749 2.004 8.687 2.012C8.605 2.022 8.534 2.042 8.474 2.072C8.295 2.161 8.12 2.379 7.947 2.724L7.171 4.276C7.109 4.4 7.013 4.483 6.882 4.527C6.751 4.571 6.623 4.562 6.5 4.5L6.275 4.275C6.265 4.255 6.257 4.233 6.249 4.211C6.206 4.08 6.215 3.953 6.276 3.829L7.053 2.276C7.325 1.733 7.649 1.366 8.026 1.178C8.189 1.097 8.367 1.044 8.563 1.019C8.667 1.006 8.813 1 9 1C9.226 1 9.467 1.085 9.723 1.256C9.935 1.397 10.134 1.58 10.322 1.805C10.52 2.043 10.678 2.297 10.795 2.567C10.932 2.883 11 3.194 11 3.5L11 6L14 6C14.276 6 14.512 6.098 14.707 6.293C14.902 6.488 15 6.724 15 7L15 8.5C15 9.245 14.833 9.951 14.5 10.618L14.171 11.276C14.108 11.402 14.012 11.487 13.883 11.53C13.754 11.573 13.626 11.563 13.5 11.5L13.275 11.275C13.265 11.255 13.257 11.233 13.249 11.211ZM2.293 7.293C2.098 7.488 2 7.724 2 8L2 12C2 12.276 2.098 12.512 2.293 12.707C2.488 12.902 2.724 13 3 13L4 13L4 7L3 7C2.724 7 2.488 7.098 2.293 7.293Z" />
    </svg>
  );
}

Vue

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

Svelte

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

HTML img

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

CSS

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

Data URL

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

Sprite

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

SwiftUI

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

Compose

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

Android XML

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

Flutter

Flutter: see /icons/thumbs-up-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 { ThumbsUpOffIcon } from '@gentleface/react'; (setup).

Meaning

Use it for

likes hidden, likes disabled, hide like count

Example

Post setting: hide like count

Built from

thumbs-up + slash

Tags

like, thumb, good, agree, vote, slash

Category

Social & emotions

Component name

ThumbsUpOffIcon

History

2026-11-06 added, released in 0.4.0

Since

version 0.4.0

Family 4

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

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-up-off.json · Markdown: /icons/thumbs-up-off.md · SVG: https://gentleface.com/svg/{style}/16/thumbs-up-off.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/thumbs-up-off.png

thumbs-up-off icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp