thumb dislike icon

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

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

5 other variants in Fluent UI System Icons

thumb-dislike-16-filled thumb-dislike-16-regular thumb-dislike-20-filled thumb-dislike-20-regular thumb-dislike-24-filled

Related icons in Fluent UI System Icons

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

Use the thumb dislike 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 17.985c0 2.442-1.14 4.199-3.007 4.199c-.975 0-1.341-.543-1.69-1.796l-.207-.772q-.152-.54-.527-1.83a.3.3 0 0 0-.03-.066l-2.866-4.485a5.9 5.9 0 0 0-2.855-2.327l-.473-.181A2.75 2.75 0 0 1 3.13 7.635l.404-2.086A3.25 3.25 0 0 1 5.95 3.011l7.628-1.87a4.75 4.75 0 0 1 5.733 3.44l1.415 5.55a3.25 3.25 0 0 1-3.15 4.053h-1.822c.496 1.632.746 2.892.746 3.801M4.6 7.921a1.25 1.25 0 0 0 .78 1.405l.474.181a7.4 7.4 0 0 1 3.582 2.92l2.867 4.486q.136.211.205.454l.552 1.92l.212.792c.14.488.21.605.22.605c.868 0 1.507-.984 1.507-2.699c0-.884-.326-2.335-.984-4.315a.75.75 0 0 1 .711-.986h2.85a1.75 1.75 0 0 0 1.696-2.183l-1.415-5.549a3.25 3.25 0 0 0-3.923-2.354l-7.628 1.87a1.75 1.75 0 0 0-1.301 1.367z"/></svg>

React

import type { SVGProps } from "react";

export function FluentThumbDislike24Regular(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 17.985c0 2.442-1.14 4.199-3.007 4.199c-.975 0-1.341-.543-1.69-1.796l-.207-.772q-.152-.54-.527-1.83a.3.3 0 0 0-.03-.066l-2.866-4.485a5.9 5.9 0 0 0-2.855-2.327l-.473-.181A2.75 2.75 0 0 1 3.13 7.635l.404-2.086A3.25 3.25 0 0 1 5.95 3.011l7.628-1.87a4.75 4.75 0 0 1 5.733 3.44l1.415 5.55a3.25 3.25 0 0 1-3.15 4.053h-1.822c.496 1.632.746 2.892.746 3.801M4.6 7.921a1.25 1.25 0 0 0 .78 1.405l.474.181a7.4 7.4 0 0 1 3.582 2.92l2.867 4.486q.136.211.205.454l.552 1.92l.212.792c.14.488.21.605.22.605c.868 0 1.507-.984 1.507-2.699c0-.884-.326-2.335-.984-4.315a.75.75 0 0 1 .711-.986h2.85a1.75 1.75 0 0 0 1.696-2.183l-1.415-5.549a3.25 3.25 0 0 0-3.923-2.354l-7.628 1.87a1.75 1.75 0 0 0-1.301 1.367z"/></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 17.985c0 2.442-1.14 4.199-3.007 4.199c-.975 0-1.341-.543-1.69-1.796l-.207-.772q-.152-.54-.527-1.83a.3.3 0 0 0-.03-.066l-2.866-4.485a5.9 5.9 0 0 0-2.855-2.327l-.473-.181A2.75 2.75 0 0 1 3.13 7.635l.404-2.086A3.25 3.25 0 0 1 5.95 3.011l7.628-1.87a4.75 4.75 0 0 1 5.733 3.44l1.415 5.55a3.25 3.25 0 0 1-3.15 4.053h-1.822c.496 1.632.746 2.892.746 3.801M4.6 7.921a1.25 1.25 0 0 0 .78 1.405l.474.181a7.4 7.4 0 0 1 3.582 2.92l2.867 4.486q.136.211.205.454l.552 1.92l.212.792c.14.488.21.605.22.605c.868 0 1.507-.984 1.507-2.699c0-.884-.326-2.335-.984-4.315a.75.75 0 0 1 .711-.986h2.85a1.75 1.75 0 0 0 1.696-2.183l-1.415-5.549a3.25 3.25 0 0 0-3.923-2.354l-7.628 1.87a1.75 1.75 0 0 0-1.301 1.367z"/></svg>
</template>

CSS

.icon-thumb-dislike-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%2017.985c0%202.442-1.14%204.199-3.007%204.199c-.975%200-1.341-.543-1.69-1.796l-.207-.772q-.152-.54-.527-1.83a.3.3%200%200%200-.03-.066l-2.866-4.485a5.9%205.9%200%200%200-2.855-2.327l-.473-.181A2.75%202.75%200%200%201%203.13%207.635l.404-2.086A3.25%203.25%200%200%201%205.95%203.011l7.628-1.87a4.75%204.75%200%200%201%205.733%203.44l1.415%205.55a3.25%203.25%200%200%201-3.15%204.053h-1.822c.496%201.632.746%202.892.746%203.801M4.6%207.921a1.25%201.25%200%200%200%20.78%201.405l.474.181a7.4%207.4%200%200%201%203.582%202.92l2.867%204.486q.136.211.205.454l.552%201.92l.212.792c.14.488.21.605.22.605c.868%200%201.507-.984%201.507-2.699c0-.884-.326-2.335-.984-4.315a.75.75%200%200%201%20.711-.986h2.85a1.75%201.75%200%200%200%201.696-2.183l-1.415-5.549a3.25%203.25%200%200%200-3.923-2.354l-7.628%201.87a1.75%201.75%200%200%200-1.301%201.367z%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%2017.985c0%202.442-1.14%204.199-3.007%204.199c-.975%200-1.341-.543-1.69-1.796l-.207-.772q-.152-.54-.527-1.83a.3.3%200%200%200-.03-.066l-2.866-4.485a5.9%205.9%200%200%200-2.855-2.327l-.473-.181A2.75%202.75%200%200%201%203.13%207.635l.404-2.086A3.25%203.25%200%200%201%205.95%203.011l7.628-1.87a4.75%204.75%200%200%201%205.733%203.44l1.415%205.55a3.25%203.25%200%200%201-3.15%204.053h-1.822c.496%201.632.746%202.892.746%203.801M4.6%207.921a1.25%201.25%200%200%200%20.78%201.405l.474.181a7.4%207.4%200%200%201%203.582%202.92l2.867%204.486q.136.211.205.454l.552%201.92l.212.792c.14.488.21.605.22.605c.868%200%201.507-.984%201.507-2.699c0-.884-.326-2.335-.984-4.315a.75.75%200%200%201%20.711-.986h2.85a1.75%201.75%200%200%200%201.696-2.183l-1.415-5.549a3.25%203.25%200%200%200-3.923-2.354l-7.628%201.87a1.75%201.75%200%200%200-1.301%201.367z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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