hand thumb up icon

hand-thumb-up-solid from HeroIcons by Refactoring UI Inc · Solid 24x24 · MIT Free for personal and commercial use.

Name: hand-thumb-up-solid
Set: HeroIcons
Style: Solid 24x24
Viewbox: 24×24
License: MIT

3 other variants in HeroIcons

hand-thumb-up hand-thumb-up-16-solid hand-thumb-up-20-solid

Related icons in HeroIcons

Use the hand thumb up icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.493 18.5c-.425 0-.82-.236-.975-.632A7.5 7.5 0 0 1 6 15.125a7.47 7.47 0 0 1 1.602-4.634c.151-.192.373-.309.6-.397c.473-.183.89-.514 1.212-.924a9 9 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.5 4.5 0 0 0 .322-1.672V2.75A.75.75 0 0 1 15 2a2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218c-.266.558.107 1.282.725 1.282h3.126c1.026 0 1.945.694 2.054 1.715q.068.633.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H14.23a4.5 4.5 0 0 1-1.423-.23l-3.114-1.04a4.5 4.5 0 0 0-1.423-.23zm-5.162-7.773a12 12 0 0 0-.831 4.398a12 12 0 0 0 .52 3.507C2.28 19.482 3.105 20 3.994 20H4.9c.445 0 .72-.498.523-.898a9 9 0 0 1-.924-3.977c0-1.708.476-3.305 1.302-4.666c.245-.403-.028-.959-.5-.959H4.25c-.832 0-1.612.453-1.918 1.227"/></svg>

React

import type { SVGProps } from "react";

export function HeroiconsHandThumbUpSolid(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.493 18.5c-.425 0-.82-.236-.975-.632A7.5 7.5 0 0 1 6 15.125a7.47 7.47 0 0 1 1.602-4.634c.151-.192.373-.309.6-.397c.473-.183.89-.514 1.212-.924a9 9 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.5 4.5 0 0 0 .322-1.672V2.75A.75.75 0 0 1 15 2a2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218c-.266.558.107 1.282.725 1.282h3.126c1.026 0 1.945.694 2.054 1.715q.068.633.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H14.23a4.5 4.5 0 0 1-1.423-.23l-3.114-1.04a4.5 4.5 0 0 0-1.423-.23zm-5.162-7.773a12 12 0 0 0-.831 4.398a12 12 0 0 0 .52 3.507C2.28 19.482 3.105 20 3.994 20H4.9c.445 0 .72-.498.523-.898a9 9 0 0 1-.924-3.977c0-1.708.476-3.305 1.302-4.666c.245-.403-.028-.959-.5-.959H4.25c-.832 0-1.612.453-1.918 1.227"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.493 18.5c-.425 0-.82-.236-.975-.632A7.5 7.5 0 0 1 6 15.125a7.47 7.47 0 0 1 1.602-4.634c.151-.192.373-.309.6-.397c.473-.183.89-.514 1.212-.924a9 9 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.5 4.5 0 0 0 .322-1.672V2.75A.75.75 0 0 1 15 2a2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218c-.266.558.107 1.282.725 1.282h3.126c1.026 0 1.945.694 2.054 1.715q.068.633.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H14.23a4.5 4.5 0 0 1-1.423-.23l-3.114-1.04a4.5 4.5 0 0 0-1.423-.23zm-5.162-7.773a12 12 0 0 0-.831 4.398a12 12 0 0 0 .52 3.507C2.28 19.482 3.105 20 3.994 20H4.9c.445 0 .72-.498.523-.898a9 9 0 0 1-.924-3.977c0-1.708.476-3.305 1.302-4.666c.245-.403-.028-.959-.5-.959H4.25c-.832 0-1.612.453-1.918 1.227"/></svg>
</template>

CSS

.icon-hand-thumb-up-solid {
  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%22currentColor%22%20d%3D%22M7.493%2018.5c-.425%200-.82-.236-.975-.632A7.5%207.5%200%200%201%206%2015.125a7.47%207.47%200%200%201%201.602-4.634c.151-.192.373-.309.6-.397c.473-.183.89-.514%201.212-.924a9%209%200%200%201%202.861-2.4c.723-.384%201.35-.956%201.653-1.715a4.5%204.5%200%200%200%20.322-1.672V2.75A.75.75%200%200%201%2015%202a2.25%202.25%200%200%201%202.25%202.25c0%201.152-.26%202.243-.723%203.218c-.266.558.107%201.282.725%201.282h3.126c1.026%200%201.945.694%202.054%201.715q.068.633.068%201.285a11.95%2011.95%200%200%201-2.649%207.521c-.388.482-.987.729-1.605.729H14.23a4.5%204.5%200%200%201-1.423-.23l-3.114-1.04a4.5%204.5%200%200%200-1.423-.23zm-5.162-7.773a12%2012%200%200%200-.831%204.398a12%2012%200%200%200%20.52%203.507C2.28%2019.482%203.105%2020%203.994%2020H4.9c.445%200%20.72-.498.523-.898a9%209%200%200%201-.924-3.977c0-1.708.476-3.305%201.302-4.666c.245-.403-.028-.959-.5-.959H4.25c-.832%200-1.612.453-1.918%201.227%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%22currentColor%22%20d%3D%22M7.493%2018.5c-.425%200-.82-.236-.975-.632A7.5%207.5%200%200%201%206%2015.125a7.47%207.47%200%200%201%201.602-4.634c.151-.192.373-.309.6-.397c.473-.183.89-.514%201.212-.924a9%209%200%200%201%202.861-2.4c.723-.384%201.35-.956%201.653-1.715a4.5%204.5%200%200%200%20.322-1.672V2.75A.75.75%200%200%201%2015%202a2.25%202.25%200%200%201%202.25%202.25c0%201.152-.26%202.243-.723%203.218c-.266.558.107%201.282.725%201.282h3.126c1.026%200%201.945.694%202.054%201.715q.068.633.068%201.285a11.95%2011.95%200%200%201-2.649%207.521c-.388.482-.987.729-1.605.729H14.23a4.5%204.5%200%200%201-1.423-.23l-3.114-1.04a4.5%204.5%200%200%200-1.423-.23zm-5.162-7.773a12%2012%200%200%200-.831%204.398a12%2012%200%200%200%20.52%203.507C2.28%2019.482%203.105%2020%203.994%2020H4.9c.445%200%20.72-.498.523-.898a9%209%200%200%201-.924-3.977c0-1.708.476-3.305%201.302-4.666c.245-.403-.028-.959-.5-.959H4.25c-.832%200-1.612.453-1.918%201.227%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/heroicons/hand-thumb-up-solid.svg?color=%231a73e8&size=48