thumb like dislike icon
thumb-like-dislike-20-regular from Fluent UI System Icons by Microsoft Corporation · 20 Regular · MIT Free for personal and commercial use.
- Name
- thumb-like-dislike-20-regular
- Set
- Fluent UI System Icons
- Style
- 20 Regular
- Viewbox
- 20×20
- 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 20 20"><path fill="currentColor" d="M5.324 3.463c.2-.385.52-.504.718-.437c.356.119.518.326.597.582c.089.287.078.663-.006 1.079a6 6 0 0 1-.351 1.102a7 7 0 0 1-.207.448l-.012.023l-.003.005a.5.5 0 0 0 .44.738h1.493a1 1 0 0 1 .955 1.296l-.82 2.646a1.5 1.5 0 0 1-1.854.996l-4.244-1.24a1 1 0 0 1-.656-.61l-.312-.834a1 1 0 0 1 .44-1.218l1.162-.664A3.5 3.5 0 0 0 4.03 5.95zm2.669 2.54h-.719a7 7 0 0 0 .339-1.118c.098-.486.142-1.054-.019-1.573c-.17-.55-.56-1.009-1.234-1.235c-.863-.289-1.608.317-1.924.925L3.143 5.49a2.5 2.5 0 0 1-.976 1.017l-1.161.665a2 2 0 0 0-.88 2.435l.311.834a2 2 0 0 0 1.313 1.22l4.243 1.24a2.5 2.5 0 0 0 3.09-1.66l.82-2.646a2 2 0 0 0-1.91-2.592m6.683 10.54c-.2.385-.52.503-.718.437c-.356-.12-.518-.327-.597-.582c-.089-.288-.078-.664.006-1.08c.082-.406.225-.802.351-1.101a7 7 0 0 1 .207-.449l.012-.023l.003-.005a.5.5 0 0 0-.44-.737h-1.493a1 1 0 0 1-.955-1.297l.82-2.646a1.5 1.5 0 0 1 1.854-.996l4.243 1.24a1 1 0 0 1 .657.61l.311.834a1 1 0 0 1-.44 1.218l-1.16.665a3.5 3.5 0 0 0-1.368 1.423zm-2.669-2.54h.719a7 7 0 0 0-.339 1.117c-.099.487-.142 1.055.019 1.573c.17.55.56 1.01 1.234 1.235c.863.289 1.608-.317 1.924-.925l1.293-2.488a2.5 2.5 0 0 1 .976-1.017l1.161-.664a2 2 0 0 0 .88-2.435l-.311-.835a2 2 0 0 0-1.313-1.22l-4.244-1.24a2.5 2.5 0 0 0-3.089 1.66l-.82 2.646a2 2 0 0 0 1.91 2.592"/></svg>
React
import type { SVGProps } from "react";
export function FluentThumbLikeDislike20Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M5.324 3.463c.2-.385.52-.504.718-.437c.356.119.518.326.597.582c.089.287.078.663-.006 1.079a6 6 0 0 1-.351 1.102a7 7 0 0 1-.207.448l-.012.023l-.003.005a.5.5 0 0 0 .44.738h1.493a1 1 0 0 1 .955 1.296l-.82 2.646a1.5 1.5 0 0 1-1.854.996l-4.244-1.24a1 1 0 0 1-.656-.61l-.312-.834a1 1 0 0 1 .44-1.218l1.162-.664A3.5 3.5 0 0 0 4.03 5.95zm2.669 2.54h-.719a7 7 0 0 0 .339-1.118c.098-.486.142-1.054-.019-1.573c-.17-.55-.56-1.009-1.234-1.235c-.863-.289-1.608.317-1.924.925L3.143 5.49a2.5 2.5 0 0 1-.976 1.017l-1.161.665a2 2 0 0 0-.88 2.435l.311.834a2 2 0 0 0 1.313 1.22l4.243 1.24a2.5 2.5 0 0 0 3.09-1.66l.82-2.646a2 2 0 0 0-1.91-2.592m6.683 10.54c-.2.385-.52.503-.718.437c-.356-.12-.518-.327-.597-.582c-.089-.288-.078-.664.006-1.08c.082-.406.225-.802.351-1.101a7 7 0 0 1 .207-.449l.012-.023l.003-.005a.5.5 0 0 0-.44-.737h-1.493a1 1 0 0 1-.955-1.297l.82-2.646a1.5 1.5 0 0 1 1.854-.996l4.243 1.24a1 1 0 0 1 .657.61l.311.834a1 1 0 0 1-.44 1.218l-1.16.665a3.5 3.5 0 0 0-1.368 1.423zm-2.669-2.54h.719a7 7 0 0 0-.339 1.117c-.099.487-.142 1.055.019 1.573c.17.55.56 1.01 1.234 1.235c.863.289 1.608-.317 1.924-.925l1.293-2.488a2.5 2.5 0 0 1 .976-1.017l1.161-.664a2 2 0 0 0 .88-2.435l-.311-.835a2 2 0 0 0-1.313-1.22l-4.244-1.24a2.5 2.5 0 0 0-3.089 1.66l-.82 2.646a2 2 0 0 0 1.91 2.592"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M5.324 3.463c.2-.385.52-.504.718-.437c.356.119.518.326.597.582c.089.287.078.663-.006 1.079a6 6 0 0 1-.351 1.102a7 7 0 0 1-.207.448l-.012.023l-.003.005a.5.5 0 0 0 .44.738h1.493a1 1 0 0 1 .955 1.296l-.82 2.646a1.5 1.5 0 0 1-1.854.996l-4.244-1.24a1 1 0 0 1-.656-.61l-.312-.834a1 1 0 0 1 .44-1.218l1.162-.664A3.5 3.5 0 0 0 4.03 5.95zm2.669 2.54h-.719a7 7 0 0 0 .339-1.118c.098-.486.142-1.054-.019-1.573c-.17-.55-.56-1.009-1.234-1.235c-.863-.289-1.608.317-1.924.925L3.143 5.49a2.5 2.5 0 0 1-.976 1.017l-1.161.665a2 2 0 0 0-.88 2.435l.311.834a2 2 0 0 0 1.313 1.22l4.243 1.24a2.5 2.5 0 0 0 3.09-1.66l.82-2.646a2 2 0 0 0-1.91-2.592m6.683 10.54c-.2.385-.52.503-.718.437c-.356-.12-.518-.327-.597-.582c-.089-.288-.078-.664.006-1.08c.082-.406.225-.802.351-1.101a7 7 0 0 1 .207-.449l.012-.023l.003-.005a.5.5 0 0 0-.44-.737h-1.493a1 1 0 0 1-.955-1.297l.82-2.646a1.5 1.5 0 0 1 1.854-.996l4.243 1.24a1 1 0 0 1 .657.61l.311.834a1 1 0 0 1-.44 1.218l-1.16.665a3.5 3.5 0 0 0-1.368 1.423zm-2.669-2.54h.719a7 7 0 0 0-.339 1.117c-.099.487-.142 1.055.019 1.573c.17.55.56 1.01 1.234 1.235c.863.289 1.608-.317 1.924-.925l1.293-2.488a2.5 2.5 0 0 1 .976-1.017l1.161-.664a2 2 0 0 0 .88-2.435l-.311-.835a2 2 0 0 0-1.313-1.22l-4.244-1.24a2.5 2.5 0 0 0-3.089 1.66l-.82 2.646a2 2 0 0 0 1.91 2.592"/></svg> </template>
CSS
.icon-thumb-like-dislike-20-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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.324%203.463c.2-.385.52-.504.718-.437c.356.119.518.326.597.582c.089.287.078.663-.006%201.079a6%206%200%200%201-.351%201.102a7%207%200%200%201-.207.448l-.012.023l-.003.005a.5.5%200%200%200%20.44.738h1.493a1%201%200%200%201%20.955%201.296l-.82%202.646a1.5%201.5%200%200%201-1.854.996l-4.244-1.24a1%201%200%200%201-.656-.61l-.312-.834a1%201%200%200%201%20.44-1.218l1.162-.664A3.5%203.5%200%200%200%204.03%205.95zm2.669%202.54h-.719a7%207%200%200%200%20.339-1.118c.098-.486.142-1.054-.019-1.573c-.17-.55-.56-1.009-1.234-1.235c-.863-.289-1.608.317-1.924.925L3.143%205.49a2.5%202.5%200%200%201-.976%201.017l-1.161.665a2%202%200%200%200-.88%202.435l.311.834a2%202%200%200%200%201.313%201.22l4.243%201.24a2.5%202.5%200%200%200%203.09-1.66l.82-2.646a2%202%200%200%200-1.91-2.592m6.683%2010.54c-.2.385-.52.503-.718.437c-.356-.12-.518-.327-.597-.582c-.089-.288-.078-.664.006-1.08c.082-.406.225-.802.351-1.101a7%207%200%200%201%20.207-.449l.012-.023l.003-.005a.5.5%200%200%200-.44-.737h-1.493a1%201%200%200%201-.955-1.297l.82-2.646a1.5%201.5%200%200%201%201.854-.996l4.243%201.24a1%201%200%200%201%20.657.61l.311.834a1%201%200%200%201-.44%201.218l-1.16.665a3.5%203.5%200%200%200-1.368%201.423zm-2.669-2.54h.719a7%207%200%200%200-.339%201.117c-.099.487-.142%201.055.019%201.573c.17.55.56%201.01%201.234%201.235c.863.289%201.608-.317%201.924-.925l1.293-2.488a2.5%202.5%200%200%201%20.976-1.017l1.161-.664a2%202%200%200%200%20.88-2.435l-.311-.835a2%202%200%200%200-1.313-1.22l-4.244-1.24a2.5%202.5%200%200%200-3.089%201.66l-.82%202.646a2%202%200%200%200%201.91%202.592%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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.324%203.463c.2-.385.52-.504.718-.437c.356.119.518.326.597.582c.089.287.078.663-.006%201.079a6%206%200%200%201-.351%201.102a7%207%200%200%201-.207.448l-.012.023l-.003.005a.5.5%200%200%200%20.44.738h1.493a1%201%200%200%201%20.955%201.296l-.82%202.646a1.5%201.5%200%200%201-1.854.996l-4.244-1.24a1%201%200%200%201-.656-.61l-.312-.834a1%201%200%200%201%20.44-1.218l1.162-.664A3.5%203.5%200%200%200%204.03%205.95zm2.669%202.54h-.719a7%207%200%200%200%20.339-1.118c.098-.486.142-1.054-.019-1.573c-.17-.55-.56-1.009-1.234-1.235c-.863-.289-1.608.317-1.924.925L3.143%205.49a2.5%202.5%200%200%201-.976%201.017l-1.161.665a2%202%200%200%200-.88%202.435l.311.834a2%202%200%200%200%201.313%201.22l4.243%201.24a2.5%202.5%200%200%200%203.09-1.66l.82-2.646a2%202%200%200%200-1.91-2.592m6.683%2010.54c-.2.385-.52.503-.718.437c-.356-.12-.518-.327-.597-.582c-.089-.288-.078-.664.006-1.08c.082-.406.225-.802.351-1.101a7%207%200%200%201%20.207-.449l.012-.023l.003-.005a.5.5%200%200%200-.44-.737h-1.493a1%201%200%200%201-.955-1.297l.82-2.646a1.5%201.5%200%200%201%201.854-.996l4.243%201.24a1%201%200%200%201%20.657.61l.311.834a1%201%200%200%201-.44%201.218l-1.16.665a3.5%203.5%200%200%200-1.368%201.423zm-2.669-2.54h.719a7%207%200%200%200-.339%201.117c-.099.487-.142%201.055.019%201.573c.17.55.56%201.01%201.234%201.235c.863.289%201.608-.317%201.924-.925l1.293-2.488a2.5%202.5%200%200%201%20.976-1.017l1.161-.664a2%202%200%200%200%20.88-2.435l-.311-.835a2%202%200%200%200-1.313-1.22l-4.244-1.24a2.5%202.5%200%200%200-3.089%201.66l-.82%202.646a2%202%200%200%200%201.91%202.592%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-20-regular.svg?color=%231a73e8&size=48
