thumb like icon

thumb-like-24-regular from Fluent UI System Icons by Microsoft Corporation · 24 Regular · MIT Free for personal and commercial use.

Name
thumb-like-24-regular
Set
Fluent UI System Icons
Style
24 Regular
Viewbox
24×24
License
MIT

9 other variants in Fluent UI System Icons

thumb-like-16-filledthumb-like-16-regularthumb-like-20-filledthumb-like-20-regularthumb-like-24-filledthumb-like-28-filledthumb-like-28-regularthumb-like-48-filledthumb-like-48-regular

Related icons in Fluent UI System Icons

thumb-dislike-16-filledthumb-like-dislike-16-filled

Use the thumb like icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.5 5.203c0-2.442-1.14-4.2-3.007-4.2c-1.026 0-1.378.602-1.746 2c-.075.29-.112.43-.151.569q-.152.539-.527 1.83a.3.3 0 0 1-.03.065L8.174 9.953a5.9 5.9 0 0 1-2.855 2.327l-.473.181a2.75 2.75 0 0 0-1.716 3.092l.404 2.086a3.25 3.25 0 0 0 2.417 2.538l7.628 1.87a4.75 4.75 0 0 0 5.733-3.44l1.415-5.55a3.25 3.25 0 0 0-3.15-4.053h-1.822c.496-1.633.746-2.892.746-3.801M4.6 15.267a1.25 1.25 0 0 1 .78-1.405l.474-.181a7.4 7.4 0 0 0 3.582-2.92l2.867-4.486q.136-.212.205-.454q.378-1.298.53-1.843a25 25 0 0 0 .159-.593c.19-.722.283-.881.295-.881c.868 0 1.507.984 1.507 2.699c0 .884-.326 2.335-.984 4.315a.75.75 0 0 0 .711.986h2.85q.22 0 .432.055a1.75 1.75 0 0 1 1.264 2.128l-1.415 5.549a3.25 3.25 0 0 1-3.923 2.353l-7.628-1.87a1.75 1.75 0 0 1-1.301-1.366z"/></svg>

React

import type { SVGProps } from "react";

export function FluentThumbLike24Regular(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="M16.5 5.203c0-2.442-1.14-4.2-3.007-4.2c-1.026 0-1.378.602-1.746 2c-.075.29-.112.43-.151.569q-.152.539-.527 1.83a.3.3 0 0 1-.03.065L8.174 9.953a5.9 5.9 0 0 1-2.855 2.327l-.473.181a2.75 2.75 0 0 0-1.716 3.092l.404 2.086a3.25 3.25 0 0 0 2.417 2.538l7.628 1.87a4.75 4.75 0 0 0 5.733-3.44l1.415-5.55a3.25 3.25 0 0 0-3.15-4.053h-1.822c.496-1.633.746-2.892.746-3.801M4.6 15.267a1.25 1.25 0 0 1 .78-1.405l.474-.181a7.4 7.4 0 0 0 3.582-2.92l2.867-4.486q.136-.212.205-.454q.378-1.298.53-1.843a25 25 0 0 0 .159-.593c.19-.722.283-.881.295-.881c.868 0 1.507.984 1.507 2.699c0 .884-.326 2.335-.984 4.315a.75.75 0 0 0 .711.986h2.85q.22 0 .432.055a1.75 1.75 0 0 1 1.264 2.128l-1.415 5.549a3.25 3.25 0 0 1-3.923 2.353l-7.628-1.87a1.75 1.75 0 0 1-1.301-1.366z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.5 5.203c0-2.442-1.14-4.2-3.007-4.2c-1.026 0-1.378.602-1.746 2c-.075.29-.112.43-.151.569q-.152.539-.527 1.83a.3.3 0 0 1-.03.065L8.174 9.953a5.9 5.9 0 0 1-2.855 2.327l-.473.181a2.75 2.75 0 0 0-1.716 3.092l.404 2.086a3.25 3.25 0 0 0 2.417 2.538l7.628 1.87a4.75 4.75 0 0 0 5.733-3.44l1.415-5.55a3.25 3.25 0 0 0-3.15-4.053h-1.822c.496-1.633.746-2.892.746-3.801M4.6 15.267a1.25 1.25 0 0 1 .78-1.405l.474-.181a7.4 7.4 0 0 0 3.582-2.92l2.867-4.486q.136-.212.205-.454q.378-1.298.53-1.843a25 25 0 0 0 .159-.593c.19-.722.283-.881.295-.881c.868 0 1.507.984 1.507 2.699c0 .884-.326 2.335-.984 4.315a.75.75 0 0 0 .711.986h2.85q.22 0 .432.055a1.75 1.75 0 0 1 1.264 2.128l-1.415 5.549a3.25 3.25 0 0 1-3.923 2.353l-7.628-1.87a1.75 1.75 0 0 1-1.301-1.366z"/></svg>
</template>

CSS

.icon-thumb-like-24-regular {
  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%22M16.5%205.203c0-2.442-1.14-4.2-3.007-4.2c-1.026%200-1.378.602-1.746%202c-.075.29-.112.43-.151.569q-.152.539-.527%201.83a.3.3%200%200%201-.03.065L8.174%209.953a5.9%205.9%200%200%201-2.855%202.327l-.473.181a2.75%202.75%200%200%200-1.716%203.092l.404%202.086a3.25%203.25%200%200%200%202.417%202.538l7.628%201.87a4.75%204.75%200%200%200%205.733-3.44l1.415-5.55a3.25%203.25%200%200%200-3.15-4.053h-1.822c.496-1.633.746-2.892.746-3.801M4.6%2015.267a1.25%201.25%200%200%201%20.78-1.405l.474-.181a7.4%207.4%200%200%200%203.582-2.92l2.867-4.486q.136-.212.205-.454q.378-1.298.53-1.843a25%2025%200%200%200%20.159-.593c.19-.722.283-.881.295-.881c.868%200%201.507.984%201.507%202.699c0%20.884-.326%202.335-.984%204.315a.75.75%200%200%200%20.711.986h2.85q.22%200%20.432.055a1.75%201.75%200%200%201%201.264%202.128l-1.415%205.549a3.25%203.25%200%200%201-3.923%202.353l-7.628-1.87a1.75%201.75%200%200%201-1.301-1.366z%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%22M16.5%205.203c0-2.442-1.14-4.2-3.007-4.2c-1.026%200-1.378.602-1.746%202c-.075.29-.112.43-.151.569q-.152.539-.527%201.83a.3.3%200%200%201-.03.065L8.174%209.953a5.9%205.9%200%200%201-2.855%202.327l-.473.181a2.75%202.75%200%200%200-1.716%203.092l.404%202.086a3.25%203.25%200%200%200%202.417%202.538l7.628%201.87a4.75%204.75%200%200%200%205.733-3.44l1.415-5.55a3.25%203.25%200%200%200-3.15-4.053h-1.822c.496-1.633.746-2.892.746-3.801M4.6%2015.267a1.25%201.25%200%200%201%20.78-1.405l.474-.181a7.4%207.4%200%200%200%203.582-2.92l2.867-4.486q.136-.212.205-.454q.378-1.298.53-1.843a25%2025%200%200%200%20.159-.593c.19-.722.283-.881.295-.881c.868%200%201.507.984%201.507%202.699c0%20.884-.326%202.335-.984%204.315a.75.75%200%200%200%20.711.986h2.85q.22%200%20.432.055a1.75%201.75%200%200%201%201.264%202.128l-1.415%205.549a3.25%203.25%200%200%201-3.923%202.353l-7.628-1.87a1.75%201.75%200%200%201-1.301-1.366z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/thumb-like-24-regular.svg?color=%231a73e8&size=48