hand thumb down icon
hand-thumb-down from HeroIcons by Refactoring UI Inc · Outline 24x24 · MIT Free for personal and commercial use.
- Name
- hand-thumb-down
- Set
- HeroIcons
- Style
- Outline 24x24
- Viewbox
- 24×24
- License
- MIT
3 other variants in HeroIcons
Related icons in HeroIcons
Use the hand thumb down icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12 12 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.499 15.25c.618 0 .991.724.725 1.282A7.5 7.5 0 0 0 7.5 19.75A2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672c.304-.76.93-1.33 1.653-1.715a9 9 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75q.015.075.05.148a8.95 8.95 0 0 1 .925 3.977a8.95 8.95 0 0 1-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368c.339 1.11.521 2.287.521 3.507c0 1.553-.295 3.036-.831 4.398c-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a9 9 0 0 0 .303-.54"/></svg>
React
import type { SVGProps } from "react";
export function HeroiconsHandThumbDown(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12 12 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.499 15.25c.618 0 .991.724.725 1.282A7.5 7.5 0 0 0 7.5 19.75A2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672c.304-.76.93-1.33 1.653-1.715a9 9 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75q.015.075.05.148a8.95 8.95 0 0 1 .925 3.977a8.95 8.95 0 0 1-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368c.339 1.11.521 2.287.521 3.507c0 1.553-.295 3.036-.831 4.398c-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a9 9 0 0 0 .303-.54"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12 12 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.499 15.25c.618 0 .991.724.725 1.282A7.5 7.5 0 0 0 7.5 19.75A2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672c.304-.76.93-1.33 1.653-1.715a9 9 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75q.015.075.05.148a8.95 8.95 0 0 1 .925 3.977a8.95 8.95 0 0 1-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368c.339 1.11.521 2.287.521 3.507c0 1.553-.295 3.036-.831 4.398c-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a9 9 0 0 0 .303-.54"/></svg> </template>
CSS
.icon-hand-thumb-down {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M7.498%2015.25H4.372c-1.026%200-1.945-.694-2.054-1.715a12%2012%200%200%201-.068-1.285c0-2.848.992-5.464%202.649-7.521C5.287%204.247%205.886%204%206.504%204h4.016a4.5%204.5%200%200%201%201.423.23l3.114%201.04a4.5%204.5%200%200%200%201.423.23h1.294M7.499%2015.25c.618%200%20.991.724.725%201.282A7.5%207.5%200%200%200%207.5%2019.75A2.25%202.25%200%200%200%209.75%2022a.75.75%200%200%200%20.75-.75v-.633c0-.573.11-1.14.322-1.672c.304-.76.93-1.33%201.653-1.715a9%209%200%200%200%202.86-2.4c.498-.634%201.226-1.08%202.032-1.08h.384m-10.253%201.5H9.7m8.075-9.75q.015.075.05.148a8.95%208.95%200%200%201%20.925%203.977a8.95%208.95%200%200%201-.999%204.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889%200%201.713.518%201.972%201.368c.339%201.11.521%202.287.521%203.507c0%201.553-.295%203.036-.831%204.398c-.306.774-1.086%201.227-1.918%201.227h-1.053c-.472%200-.745-.556-.5-.96a9%209%200%200%200%20.303-.54%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M7.498%2015.25H4.372c-1.026%200-1.945-.694-2.054-1.715a12%2012%200%200%201-.068-1.285c0-2.848.992-5.464%202.649-7.521C5.287%204.247%205.886%204%206.504%204h4.016a4.5%204.5%200%200%201%201.423.23l3.114%201.04a4.5%204.5%200%200%200%201.423.23h1.294M7.499%2015.25c.618%200%20.991.724.725%201.282A7.5%207.5%200%200%200%207.5%2019.75A2.25%202.25%200%200%200%209.75%2022a.75.75%200%200%200%20.75-.75v-.633c0-.573.11-1.14.322-1.672c.304-.76.93-1.33%201.653-1.715a9%209%200%200%200%202.86-2.4c.498-.634%201.226-1.08%202.032-1.08h.384m-10.253%201.5H9.7m8.075-9.75q.015.075.05.148a8.95%208.95%200%200%201%20.925%203.977a8.95%208.95%200%200%201-.999%204.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889%200%201.713.518%201.972%201.368c.339%201.11.521%202.287.521%203.507c0%201.553-.295%203.036-.831%204.398c-.306.774-1.086%201.227-1.918%201.227h-1.053c-.472%200-.745-.556-.5-.96a9%209%200%200%200%20.303-.54%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/heroicons/hand-thumb-down.svg?color=%231a73e8&size=48
