thumb like dislike icon
thumb-like-dislike-24-filled from Fluent UI System Icons by Microsoft Corporation · 24 Filled · MIT Free for personal and commercial use.
- Name
- thumb-like-dislike-24-filled
- Set
- Fluent UI System Icons
- Style
- 24 Filled
- Viewbox
- 24×24
- License
- MIT
5 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
Use the thumb like dislike icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.04 3.177c.265-.616 1.064-1.405 2.18-1.115c.7.181 1.204.6 1.489 1.177c.248.503.29 1.05.3 1.467A5.5 5.5 0 0 1 9.87 5.92h.194c1.558 0 2.822 1.432 2.332 2.99l-1.15 3.655c-.465 1.482-2.1 2.25-3.577 1.816l-4.512-1.323A2.4 2.4 0 0 1 1.6 11.671l-.438-1.088c-.439-1.09.04-2.286 1.055-2.845l1.542-.85l.03-.023c.051-.04.143-.118.263-.245c.239-.251.596-.7.962-1.428c.178-.353.327-.63.459-.874v-.002c.213-.395.378-.7.566-1.14m11.92 17.646c-.265.616-1.064 1.405-2.18 1.115c-.7-.181-1.204-.6-1.489-1.177c-.248-.503-.29-1.05-.3-1.467a5.5 5.5 0 0 1 .138-1.214h-.194c-1.558 0-2.822-1.432-2.332-2.99l1.15-3.655c.465-1.482 2.1-2.25 3.577-1.816l4.512 1.323c.7.205 1.284.708 1.557 1.387l.438 1.088c.439 1.09-.04 2.286-1.055 2.845l-1.542.85l-.03.023c-.051.04-.143.118-.263.245c-.239.251-.596.7-.962 1.428c-.178.353-.327.63-.459.874v.002c-.213.395-.378.7-.566 1.14"/></svg>
React
import type { SVGProps } from "react";
export function FluentThumbLikeDislike24Filled(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="M6.04 3.177c.265-.616 1.064-1.405 2.18-1.115c.7.181 1.204.6 1.489 1.177c.248.503.29 1.05.3 1.467A5.5 5.5 0 0 1 9.87 5.92h.194c1.558 0 2.822 1.432 2.332 2.99l-1.15 3.655c-.465 1.482-2.1 2.25-3.577 1.816l-4.512-1.323A2.4 2.4 0 0 1 1.6 11.671l-.438-1.088c-.439-1.09.04-2.286 1.055-2.845l1.542-.85l.03-.023c.051-.04.143-.118.263-.245c.239-.251.596-.7.962-1.428c.178-.353.327-.63.459-.874v-.002c.213-.395.378-.7.566-1.14m11.92 17.646c-.265.616-1.064 1.405-2.18 1.115c-.7-.181-1.204-.6-1.489-1.177c-.248-.503-.29-1.05-.3-1.467a5.5 5.5 0 0 1 .138-1.214h-.194c-1.558 0-2.822-1.432-2.332-2.99l1.15-3.655c.465-1.482 2.1-2.25 3.577-1.816l4.512 1.323c.7.205 1.284.708 1.557 1.387l.438 1.088c.439 1.09-.04 2.286-1.055 2.845l-1.542.85l-.03.023c-.051.04-.143.118-.263.245c-.239.251-.596.7-.962 1.428c-.178.353-.327.63-.459.874v.002c-.213.395-.378.7-.566 1.14"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.04 3.177c.265-.616 1.064-1.405 2.18-1.115c.7.181 1.204.6 1.489 1.177c.248.503.29 1.05.3 1.467A5.5 5.5 0 0 1 9.87 5.92h.194c1.558 0 2.822 1.432 2.332 2.99l-1.15 3.655c-.465 1.482-2.1 2.25-3.577 1.816l-4.512-1.323A2.4 2.4 0 0 1 1.6 11.671l-.438-1.088c-.439-1.09.04-2.286 1.055-2.845l1.542-.85l.03-.023c.051-.04.143-.118.263-.245c.239-.251.596-.7.962-1.428c.178-.353.327-.63.459-.874v-.002c.213-.395.378-.7.566-1.14m11.92 17.646c-.265.616-1.064 1.405-2.18 1.115c-.7-.181-1.204-.6-1.489-1.177c-.248-.503-.29-1.05-.3-1.467a5.5 5.5 0 0 1 .138-1.214h-.194c-1.558 0-2.822-1.432-2.332-2.99l1.15-3.655c.465-1.482 2.1-2.25 3.577-1.816l4.512 1.323c.7.205 1.284.708 1.557 1.387l.438 1.088c.439 1.09-.04 2.286-1.055 2.845l-1.542.85l-.03.023c-.051.04-.143.118-.263.245c-.239.251-.596.7-.962 1.428c-.178.353-.327.63-.459.874v.002c-.213.395-.378.7-.566 1.14"/></svg> </template>
CSS
.icon-thumb-like-dislike-24-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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.04%203.177c.265-.616%201.064-1.405%202.18-1.115c.7.181%201.204.6%201.489%201.177c.248.503.29%201.05.3%201.467A5.5%205.5%200%200%201%209.87%205.92h.194c1.558%200%202.822%201.432%202.332%202.99l-1.15%203.655c-.465%201.482-2.1%202.25-3.577%201.816l-4.512-1.323A2.4%202.4%200%200%201%201.6%2011.671l-.438-1.088c-.439-1.09.04-2.286%201.055-2.845l1.542-.85l.03-.023c.051-.04.143-.118.263-.245c.239-.251.596-.7.962-1.428c.178-.353.327-.63.459-.874v-.002c.213-.395.378-.7.566-1.14m11.92%2017.646c-.265.616-1.064%201.405-2.18%201.115c-.7-.181-1.204-.6-1.489-1.177c-.248-.503-.29-1.05-.3-1.467a5.5%205.5%200%200%201%20.138-1.214h-.194c-1.558%200-2.822-1.432-2.332-2.99l1.15-3.655c.465-1.482%202.1-2.25%203.577-1.816l4.512%201.323c.7.205%201.284.708%201.557%201.387l.438%201.088c.439%201.09-.04%202.286-1.055%202.845l-1.542.85l-.03.023c-.051.04-.143.118-.263.245c-.239.251-.596.7-.962%201.428c-.178.353-.327.63-.459.874v.002c-.213.395-.378.7-.566%201.14%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%22M6.04%203.177c.265-.616%201.064-1.405%202.18-1.115c.7.181%201.204.6%201.489%201.177c.248.503.29%201.05.3%201.467A5.5%205.5%200%200%201%209.87%205.92h.194c1.558%200%202.822%201.432%202.332%202.99l-1.15%203.655c-.465%201.482-2.1%202.25-3.577%201.816l-4.512-1.323A2.4%202.4%200%200%201%201.6%2011.671l-.438-1.088c-.439-1.09.04-2.286%201.055-2.845l1.542-.85l.03-.023c.051-.04.143-.118.263-.245c.239-.251.596-.7.962-1.428c.178-.353.327-.63.459-.874v-.002c.213-.395.378-.7.566-1.14m11.92%2017.646c-.265.616-1.064%201.405-2.18%201.115c-.7-.181-1.204-.6-1.489-1.177c-.248-.503-.29-1.05-.3-1.467a5.5%205.5%200%200%201%20.138-1.214h-.194c-1.558%200-2.822-1.432-2.332-2.99l1.15-3.655c.465-1.482%202.1-2.25%203.577-1.816l4.512%201.323c.7.205%201.284.708%201.557%201.387l.438%201.088c.439%201.09-.04%202.286-1.055%202.845l-1.542.85l-.03.023c-.051.04-.143.118-.263.245c-.239.251-.596.7-.962%201.428c-.178.353-.327.63-.459.874v.002c-.213.395-.378.7-.566%201.14%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/thumb-like-dislike-24-filled.svg?color=%231a73e8&size=48
