thumbsdown icon

thumbsdown from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.

Name: thumbsdown
Set: IonIcons
Style: Regular
Viewbox: 512×512
License: MIT

The same icon in other sets

thumbsdownCodicons thumbsdownFirefox OS Emoji thumbsdownOcticons

Use the thumbsdown icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M87.8 252.7C74 257.2 64 270.2 64 285.5c0 19 15.4 34.5 34.5 34.5h102.6c-2 25-10 53.6-1.1 87.3 7.5 28.4 39.4 49.7 52.4 36.8 5-4.9 3.5-15.2 3.5-33.8 0-42.8 17.8-86.1 39.8-108.7 9.4-9.7 25.2-13 40.2-13.6v16h112V64H336v32c-20.6.5-52.6-5.2-75.8-6.6-52-3.1-102 2.4-126.3 8.1-24.3 5.7-35 13-35 30.6 0 6.4 1.9 12.3 5.1 17.3-11.8 4.7-20.1 16.2-20.1 29.7 0 7.2 2.4 13.8 6.4 19.2-11.9 4.6-20.4 16.2-20.4 29.8.1 12.5 7.4 23.4 17.9 28.6zM400 96.3c8.8 0 16 7.1 16 16 0 8.8-7.2 16-16 16s-16-7.1-16-16c0-8.8 7.2-16 16-16z" fill="currentColor"/></svg>

React

import type { SVGProps } from "react";

export function IonThumbsdown(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M87.8 252.7C74 257.2 64 270.2 64 285.5c0 19 15.4 34.5 34.5 34.5h102.6c-2 25-10 53.6-1.1 87.3 7.5 28.4 39.4 49.7 52.4 36.8 5-4.9 3.5-15.2 3.5-33.8 0-42.8 17.8-86.1 39.8-108.7 9.4-9.7 25.2-13 40.2-13.6v16h112V64H336v32c-20.6.5-52.6-5.2-75.8-6.6-52-3.1-102 2.4-126.3 8.1-24.3 5.7-35 13-35 30.6 0 6.4 1.9 12.3 5.1 17.3-11.8 4.7-20.1 16.2-20.1 29.7 0 7.2 2.4 13.8 6.4 19.2-11.9 4.6-20.4 16.2-20.4 29.8.1 12.5 7.4 23.4 17.9 28.6zM400 96.3c8.8 0 16 7.1 16 16 0 8.8-7.2 16-16 16s-16-7.1-16-16c0-8.8 7.2-16 16-16z" fill="currentColor"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M87.8 252.7C74 257.2 64 270.2 64 285.5c0 19 15.4 34.5 34.5 34.5h102.6c-2 25-10 53.6-1.1 87.3 7.5 28.4 39.4 49.7 52.4 36.8 5-4.9 3.5-15.2 3.5-33.8 0-42.8 17.8-86.1 39.8-108.7 9.4-9.7 25.2-13 40.2-13.6v16h112V64H336v32c-20.6.5-52.6-5.2-75.8-6.6-52-3.1-102 2.4-126.3 8.1-24.3 5.7-35 13-35 30.6 0 6.4 1.9 12.3 5.1 17.3-11.8 4.7-20.1 16.2-20.1 29.7 0 7.2 2.4 13.8 6.4 19.2-11.9 4.6-20.4 16.2-20.4 29.8.1 12.5 7.4 23.4 17.9 28.6zM400 96.3c8.8 0 16 7.1 16 16 0 8.8-7.2 16-16 16s-16-7.1-16-16c0-8.8 7.2-16 16-16z" fill="currentColor"/></svg>
</template>

CSS

.icon-thumbsdown {
  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%20512%20512%22%3E%3Cpath%20d%3D%22M87.8%20252.7C74%20257.2%2064%20270.2%2064%20285.5c0%2019%2015.4%2034.5%2034.5%2034.5h102.6c-2%2025-10%2053.6-1.1%2087.3%207.5%2028.4%2039.4%2049.7%2052.4%2036.8%205-4.9%203.5-15.2%203.5-33.8%200-42.8%2017.8-86.1%2039.8-108.7%209.4-9.7%2025.2-13%2040.2-13.6v16h112V64H336v32c-20.6.5-52.6-5.2-75.8-6.6-52-3.1-102%202.4-126.3%208.1-24.3%205.7-35%2013-35%2030.6%200%206.4%201.9%2012.3%205.1%2017.3-11.8%204.7-20.1%2016.2-20.1%2029.7%200%207.2%202.4%2013.8%206.4%2019.2-11.9%204.6-20.4%2016.2-20.4%2029.8.1%2012.5%207.4%2023.4%2017.9%2028.6zM400%2096.3c8.8%200%2016%207.1%2016%2016%200%208.8-7.2%2016-16%2016s-16-7.1-16-16c0-8.8%207.2-16%2016-16z%22%20fill%3D%22currentColor%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%20512%20512%22%3E%3Cpath%20d%3D%22M87.8%20252.7C74%20257.2%2064%20270.2%2064%20285.5c0%2019%2015.4%2034.5%2034.5%2034.5h102.6c-2%2025-10%2053.6-1.1%2087.3%207.5%2028.4%2039.4%2049.7%2052.4%2036.8%205-4.9%203.5-15.2%203.5-33.8%200-42.8%2017.8-86.1%2039.8-108.7%209.4-9.7%2025.2-13%2040.2-13.6v16h112V64H336v32c-20.6.5-52.6-5.2-75.8-6.6-52-3.1-102%202.4-126.3%208.1-24.3%205.7-35%2013-35%2030.6%200%206.4%201.9%2012.3%205.1%2017.3-11.8%204.7-20.1%2016.2-20.1%2029.7%200%207.2%202.4%2013.8%206.4%2019.2-11.9%204.6-20.4%2016.2-20.4%2029.8.1%2012.5%207.4%2023.4%2017.9%2028.6zM400%2096.3c8.8%200%2016%207.1%2016%2016%200%208.8-7.2%2016-16%2016s-16-7.1-16-16c0-8.8%207.2-16%2016-16z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/thumbsdown.svg?color=%231a73e8&size=48