thumb like dislike icon
thumb-like-dislike-24-regular from Fluent UI System Icons by Microsoft Corporation · 24 Regular · MIT Free for personal and commercial use.
- Name
- thumb-like-dislike-24-regular
- Set
- Fluent UI System Icons
- Style
- 24 Regular
- 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.14M4.49 8.199l-1.548.853c-.395.217-.524.63-.388.97l.438 1.09c.092.226.3.422.588.507l4.512 1.323c.77.226 1.527-.198 1.725-.827l1.15-3.654c.143-.456-.21-1.041-.902-1.041H8.898a.75.75 0 0 1-.716-.973c.052-.167.105-.352.153-.542c.106-.423.18-.85.174-1.168c-.008-.366-.05-.639-.145-.834c-.085-.17-.227-.313-.521-.39a.28.28 0 0 0-.235.038a.5.5 0 0 0-.19.219c-.216.502-.407.857-.62 1.25l-.003.007c-.132.245-.272.506-.44.839c-.432.859-.874 1.428-1.214 1.787c-.17.18-.315.305-.42.389a2 2 0 0 1-.126.093l-.006.004l-.014.01l-.012.008l-.008.005h-.001zm13.47 12.624c-.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.14m1.55-5.022l1.548-.853c.395-.217.524-.63.387-.97l-.437-1.09a.9.9 0 0 0-.588-.507l-4.512-1.323c-.77-.226-1.527.198-1.725.827l-1.15 3.654c-.143.456.21 1.041.902 1.041h1.167a.75.75 0 0 1 .716.973c-.052.167-.105.352-.153.542c-.106.423-.18.85-.174 1.168c.008.366.05.639.145.834c.085.17.227.313.521.39a.28.28 0 0 0 .235-.038a.5.5 0 0 0 .19-.219c.216-.502.407-.857.62-1.25l.003-.007c.132-.245.272-.506.44-.839c.432-.859.874-1.428 1.214-1.787c.17-.18.315-.306.42-.389q.079-.061.126-.093l.006-.004l.014-.01l.012-.008l.008-.005h.001z"/></svg>
React
import type { SVGProps } from "react";
export function FluentThumbLikeDislike24Regular(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.14M4.49 8.199l-1.548.853c-.395.217-.524.63-.388.97l.438 1.09c.092.226.3.422.588.507l4.512 1.323c.77.226 1.527-.198 1.725-.827l1.15-3.654c.143-.456-.21-1.041-.902-1.041H8.898a.75.75 0 0 1-.716-.973c.052-.167.105-.352.153-.542c.106-.423.18-.85.174-1.168c-.008-.366-.05-.639-.145-.834c-.085-.17-.227-.313-.521-.39a.28.28 0 0 0-.235.038a.5.5 0 0 0-.19.219c-.216.502-.407.857-.62 1.25l-.003.007c-.132.245-.272.506-.44.839c-.432.859-.874 1.428-1.214 1.787c-.17.18-.315.305-.42.389a2 2 0 0 1-.126.093l-.006.004l-.014.01l-.012.008l-.008.005h-.001zm13.47 12.624c-.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.14m1.55-5.022l1.548-.853c.395-.217.524-.63.387-.97l-.437-1.09a.9.9 0 0 0-.588-.507l-4.512-1.323c-.77-.226-1.527.198-1.725.827l-1.15 3.654c-.143.456.21 1.041.902 1.041h1.167a.75.75 0 0 1 .716.973c-.052.167-.105.352-.153.542c-.106.423-.18.85-.174 1.168c.008.366.05.639.145.834c.085.17.227.313.521.39a.28.28 0 0 0 .235-.038a.5.5 0 0 0 .19-.219c.216-.502.407-.857.62-1.25l.003-.007c.132-.245.272-.506.44-.839c.432-.859.874-1.428 1.214-1.787c.17-.18.315-.306.42-.389q.079-.061.126-.093l.006-.004l.014-.01l.012-.008l.008-.005h.001z"/></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.14M4.49 8.199l-1.548.853c-.395.217-.524.63-.388.97l.438 1.09c.092.226.3.422.588.507l4.512 1.323c.77.226 1.527-.198 1.725-.827l1.15-3.654c.143-.456-.21-1.041-.902-1.041H8.898a.75.75 0 0 1-.716-.973c.052-.167.105-.352.153-.542c.106-.423.18-.85.174-1.168c-.008-.366-.05-.639-.145-.834c-.085-.17-.227-.313-.521-.39a.28.28 0 0 0-.235.038a.5.5 0 0 0-.19.219c-.216.502-.407.857-.62 1.25l-.003.007c-.132.245-.272.506-.44.839c-.432.859-.874 1.428-1.214 1.787c-.17.18-.315.305-.42.389a2 2 0 0 1-.126.093l-.006.004l-.014.01l-.012.008l-.008.005h-.001zm13.47 12.624c-.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.14m1.55-5.022l1.548-.853c.395-.217.524-.63.387-.97l-.437-1.09a.9.9 0 0 0-.588-.507l-4.512-1.323c-.77-.226-1.527.198-1.725.827l-1.15 3.654c-.143.456.21 1.041.902 1.041h1.167a.75.75 0 0 1 .716.973c-.052.167-.105.352-.153.542c-.106.423-.18.85-.174 1.168c.008.366.05.639.145.834c.085.17.227.313.521.39a.28.28 0 0 0 .235-.038a.5.5 0 0 0 .19-.219c.216-.502.407-.857.62-1.25l.003-.007c.132-.245.272-.506.44-.839c.432-.859.874-1.428 1.214-1.787c.17-.18.315-.306.42-.389q.079-.061.126-.093l.006-.004l.014-.01l.012-.008l.008-.005h.001z"/></svg> </template>
CSS
.icon-thumb-like-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%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.14M4.49%208.199l-1.548.853c-.395.217-.524.63-.388.97l.438%201.09c.092.226.3.422.588.507l4.512%201.323c.77.226%201.527-.198%201.725-.827l1.15-3.654c.143-.456-.21-1.041-.902-1.041H8.898a.75.75%200%200%201-.716-.973c.052-.167.105-.352.153-.542c.106-.423.18-.85.174-1.168c-.008-.366-.05-.639-.145-.834c-.085-.17-.227-.313-.521-.39a.28.28%200%200%200-.235.038a.5.5%200%200%200-.19.219c-.216.502-.407.857-.62%201.25l-.003.007c-.132.245-.272.506-.44.839c-.432.859-.874%201.428-1.214%201.787c-.17.18-.315.305-.42.389a2%202%200%200%201-.126.093l-.006.004l-.014.01l-.012.008l-.008.005h-.001zm13.47%2012.624c-.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.14m1.55-5.022l1.548-.853c.395-.217.524-.63.387-.97l-.437-1.09a.9.9%200%200%200-.588-.507l-4.512-1.323c-.77-.226-1.527.198-1.725.827l-1.15%203.654c-.143.456.21%201.041.902%201.041h1.167a.75.75%200%200%201%20.716.973c-.052.167-.105.352-.153.542c-.106.423-.18.85-.174%201.168c.008.366.05.639.145.834c.085.17.227.313.521.39a.28.28%200%200%200%20.235-.038a.5.5%200%200%200%20.19-.219c.216-.502.407-.857.62-1.25l.003-.007c.132-.245.272-.506.44-.839c.432-.859.874-1.428%201.214-1.787c.17-.18.315-.306.42-.389q.079-.061.126-.093l.006-.004l.014-.01l.012-.008l.008-.005h.001z%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.14M4.49%208.199l-1.548.853c-.395.217-.524.63-.388.97l.438%201.09c.092.226.3.422.588.507l4.512%201.323c.77.226%201.527-.198%201.725-.827l1.15-3.654c.143-.456-.21-1.041-.902-1.041H8.898a.75.75%200%200%201-.716-.973c.052-.167.105-.352.153-.542c.106-.423.18-.85.174-1.168c-.008-.366-.05-.639-.145-.834c-.085-.17-.227-.313-.521-.39a.28.28%200%200%200-.235.038a.5.5%200%200%200-.19.219c-.216.502-.407.857-.62%201.25l-.003.007c-.132.245-.272.506-.44.839c-.432.859-.874%201.428-1.214%201.787c-.17.18-.315.305-.42.389a2%202%200%200%201-.126.093l-.006.004l-.014.01l-.012.008l-.008.005h-.001zm13.47%2012.624c-.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.14m1.55-5.022l1.548-.853c.395-.217.524-.63.387-.97l-.437-1.09a.9.9%200%200%200-.588-.507l-4.512-1.323c-.77-.226-1.527.198-1.725.827l-1.15%203.654c-.143.456.21%201.041.902%201.041h1.167a.75.75%200%200%201%20.716.973c-.052.167-.105.352-.153.542c-.106.423-.18.85-.174%201.168c.008.366.05.639.145.834c.085.17.227.313.521.39a.28.28%200%200%200%20.235-.038a.5.5%200%200%200%20.19-.219c.216-.502.407-.857.62-1.25l.003-.007c.132-.245.272-.506.44-.839c.432-.859.874-1.428%201.214-1.787c.17-.18.315-.306.42-.389q.079-.061.126-.093l.006-.004l.014-.01l.012-.008l.008-.005h.001z%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-regular.svg?color=%231a73e8&size=48
