thumb like icon

thumb-like-28-filled from Fluent UI System Icons by Microsoft Corporation · 28 Filled · MIT Free for personal and commercial use.

Name
thumb-like-28-filled
Set
Fluent UI System Icons
Style
28 Filled
Viewbox
28×28
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-24-regularthumb-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 28 28"><path fill="currentColor" d="M16.124 1.116c-.884-.247-1.58.38-1.82.988l-.26.66c-2.006 5.09-3.837 9.74-8.612 12.157c-1.101.558-1.868 1.765-1.648 3.086l.416 2.496a3.75 3.75 0 0 0 2.669 2.99l7.69 2.196a6.75 6.75 0 0 0 8.469-5.146l1.228-6.046A3.75 3.75 0 0 0 20.58 10h-2.167c.345-1.503.504-3.217.346-4.73c-.184-1.77-.858-3.659-2.636-4.154"/></svg>

React

import type { SVGProps } from "react";

export function FluentThumbLike28Filled(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M16.124 1.116c-.884-.247-1.58.38-1.82.988l-.26.66c-2.006 5.09-3.837 9.74-8.612 12.157c-1.101.558-1.868 1.765-1.648 3.086l.416 2.496a3.75 3.75 0 0 0 2.669 2.99l7.69 2.196a6.75 6.75 0 0 0 8.469-5.146l1.228-6.046A3.75 3.75 0 0 0 20.58 10h-2.167c.345-1.503.504-3.217.346-4.73c-.184-1.77-.858-3.659-2.636-4.154"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M16.124 1.116c-.884-.247-1.58.38-1.82.988l-.26.66c-2.006 5.09-3.837 9.74-8.612 12.157c-1.101.558-1.868 1.765-1.648 3.086l.416 2.496a3.75 3.75 0 0 0 2.669 2.99l7.69 2.196a6.75 6.75 0 0 0 8.469-5.146l1.228-6.046A3.75 3.75 0 0 0 20.58 10h-2.167c.345-1.503.504-3.217.346-4.73c-.184-1.77-.858-3.659-2.636-4.154"/></svg>
</template>

CSS

.icon-thumb-like-28-filled {
  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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.124%201.116c-.884-.247-1.58.38-1.82.988l-.26.66c-2.006%205.09-3.837%209.74-8.612%2012.157c-1.101.558-1.868%201.765-1.648%203.086l.416%202.496a3.75%203.75%200%200%200%202.669%202.99l7.69%202.196a6.75%206.75%200%200%200%208.469-5.146l1.228-6.046A3.75%203.75%200%200%200%2020.58%2010h-2.167c.345-1.503.504-3.217.346-4.73c-.184-1.77-.858-3.659-2.636-4.154%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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.124%201.116c-.884-.247-1.58.38-1.82.988l-.26.66c-2.006%205.09-3.837%209.74-8.612%2012.157c-1.101.558-1.868%201.765-1.648%203.086l.416%202.496a3.75%203.75%200%200%200%202.669%202.99l7.69%202.196a6.75%206.75%200%200%200%208.469-5.146l1.228-6.046A3.75%203.75%200%200%200%2020.58%2010h-2.167c.345-1.503.504-3.217.346-4.73c-.184-1.77-.858-3.659-2.636-4.154%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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