like dislike icon
like-dislike-filled from Reicon by REICON · Filled · Newicons · MIT Free for personal and commercial use.
- Name
- like-dislike-filled
- Set
- Reicon
- Style
- Filled
- Category
- Newicons
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
More newicons icons from Reicon
Use the 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="M13.15 15.37c-.22-.32-.61-.5-1.06-.5H9.76c-.15 0-.3-.06-.39-.18a.56.56 0 0 1-.12-.44l.29-1.86c.12-.55-.25-1.18-.8-1.37c-.52-.19-1.12.07-1.37.44L5.06 14.9v-.43c0-.84-.36-1.18-1.24-1.18h-.58c-.88.01-1.24.35-1.24 1.19v5.71c0 .84.36 1.18 1.24 1.18h.58c.84 0 1.19-.33 1.22-1.09l1.75 1.35c.25.24.78.37 1.16.37h2.21c.76 0 1.52-.57 1.7-1.27l1.4-4.25c.15-.41.11-.8-.11-1.11m7.96-12.76h-.58c-.84 0-1.19.33-1.23 1.09l-1.75-1.35c-.24-.24-.78-.37-1.16-.37h-2.21c-.76 0-1.52.57-1.7 1.27l-1.4 4.25c-.15.41-.1.8.11 1.11c.22.32.61.5 1.06.5h2.33c.15 0 .3.06.39.18c.1.12.14.27.12.44l-.29 1.86c-.12.55.25 1.18.8 1.37c.52.19 1.12-.07 1.37-.44l2.31-3.44v.43c0 .84.36 1.18 1.24 1.18h.58c.88 0 1.24-.34 1.24-1.18V3.78c.01-.83-.35-1.17-1.23-1.17"/></svg>
React
import type { SVGProps } from "react";
export function ReiconLikeDislikeFilled(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="M13.15 15.37c-.22-.32-.61-.5-1.06-.5H9.76c-.15 0-.3-.06-.39-.18a.56.56 0 0 1-.12-.44l.29-1.86c.12-.55-.25-1.18-.8-1.37c-.52-.19-1.12.07-1.37.44L5.06 14.9v-.43c0-.84-.36-1.18-1.24-1.18h-.58c-.88.01-1.24.35-1.24 1.19v5.71c0 .84.36 1.18 1.24 1.18h.58c.84 0 1.19-.33 1.22-1.09l1.75 1.35c.25.24.78.37 1.16.37h2.21c.76 0 1.52-.57 1.7-1.27l1.4-4.25c.15-.41.11-.8-.11-1.11m7.96-12.76h-.58c-.84 0-1.19.33-1.23 1.09l-1.75-1.35c-.24-.24-.78-.37-1.16-.37h-2.21c-.76 0-1.52.57-1.7 1.27l-1.4 4.25c-.15.41-.1.8.11 1.11c.22.32.61.5 1.06.5h2.33c.15 0 .3.06.39.18c.1.12.14.27.12.44l-.29 1.86c-.12.55.25 1.18.8 1.37c.52.19 1.12-.07 1.37-.44l2.31-3.44v.43c0 .84.36 1.18 1.24 1.18h.58c.88 0 1.24-.34 1.24-1.18V3.78c.01-.83-.35-1.17-1.23-1.17"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.15 15.37c-.22-.32-.61-.5-1.06-.5H9.76c-.15 0-.3-.06-.39-.18a.56.56 0 0 1-.12-.44l.29-1.86c.12-.55-.25-1.18-.8-1.37c-.52-.19-1.12.07-1.37.44L5.06 14.9v-.43c0-.84-.36-1.18-1.24-1.18h-.58c-.88.01-1.24.35-1.24 1.19v5.71c0 .84.36 1.18 1.24 1.18h.58c.84 0 1.19-.33 1.22-1.09l1.75 1.35c.25.24.78.37 1.16.37h2.21c.76 0 1.52-.57 1.7-1.27l1.4-4.25c.15-.41.11-.8-.11-1.11m7.96-12.76h-.58c-.84 0-1.19.33-1.23 1.09l-1.75-1.35c-.24-.24-.78-.37-1.16-.37h-2.21c-.76 0-1.52.57-1.7 1.27l-1.4 4.25c-.15.41-.1.8.11 1.11c.22.32.61.5 1.06.5h2.33c.15 0 .3.06.39.18c.1.12.14.27.12.44l-.29 1.86c-.12.55.25 1.18.8 1.37c.52.19 1.12-.07 1.37-.44l2.31-3.44v.43c0 .84.36 1.18 1.24 1.18h.58c.88 0 1.24-.34 1.24-1.18V3.78c.01-.83-.35-1.17-1.23-1.17"/></svg> </template>
CSS
.icon-like-dislike-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%22M13.15%2015.37c-.22-.32-.61-.5-1.06-.5H9.76c-.15%200-.3-.06-.39-.18a.56.56%200%200%201-.12-.44l.29-1.86c.12-.55-.25-1.18-.8-1.37c-.52-.19-1.12.07-1.37.44L5.06%2014.9v-.43c0-.84-.36-1.18-1.24-1.18h-.58c-.88.01-1.24.35-1.24%201.19v5.71c0%20.84.36%201.18%201.24%201.18h.58c.84%200%201.19-.33%201.22-1.09l1.75%201.35c.25.24.78.37%201.16.37h2.21c.76%200%201.52-.57%201.7-1.27l1.4-4.25c.15-.41.11-.8-.11-1.11m7.96-12.76h-.58c-.84%200-1.19.33-1.23%201.09l-1.75-1.35c-.24-.24-.78-.37-1.16-.37h-2.21c-.76%200-1.52.57-1.7%201.27l-1.4%204.25c-.15.41-.1.8.11%201.11c.22.32.61.5%201.06.5h2.33c.15%200%20.3.06.39.18c.1.12.14.27.12.44l-.29%201.86c-.12.55.25%201.18.8%201.37c.52.19%201.12-.07%201.37-.44l2.31-3.44v.43c0%20.84.36%201.18%201.24%201.18h.58c.88%200%201.24-.34%201.24-1.18V3.78c.01-.83-.35-1.17-1.23-1.17%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%22M13.15%2015.37c-.22-.32-.61-.5-1.06-.5H9.76c-.15%200-.3-.06-.39-.18a.56.56%200%200%201-.12-.44l.29-1.86c.12-.55-.25-1.18-.8-1.37c-.52-.19-1.12.07-1.37.44L5.06%2014.9v-.43c0-.84-.36-1.18-1.24-1.18h-.58c-.88.01-1.24.35-1.24%201.19v5.71c0%20.84.36%201.18%201.24%201.18h.58c.84%200%201.19-.33%201.22-1.09l1.75%201.35c.25.24.78.37%201.16.37h2.21c.76%200%201.52-.57%201.7-1.27l1.4-4.25c.15-.41.11-.8-.11-1.11m7.96-12.76h-.58c-.84%200-1.19.33-1.23%201.09l-1.75-1.35c-.24-.24-.78-.37-1.16-.37h-2.21c-.76%200-1.52.57-1.7%201.27l-1.4%204.25c-.15.41-.1.8.11%201.11c.22.32.61.5%201.06.5h2.33c.15%200%20.3.06.39.18c.1.12.14.27.12.44l-.29%201.86c-.12.55.25%201.18.8%201.37c.52.19%201.12-.07%201.37-.44l2.31-3.44v.43c0%20.84.36%201.18%201.24%201.18h.58c.88%200%201.24-.34%201.24-1.18V3.78c.01-.83-.35-1.17-1.23-1.17%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/like-dislike-filled.svg?color=%231a73e8&size=48
