thumbs down icon

thumbs-down-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.

Name
thumbs-down-light
Set
Phosphor
Style
Light
Viewbox
256×256
License
MIT

5 other variants in Phosphor

thumbs-downthumbs-down-boldthumbs-down-duotonethumbs-down-fillthumbs-down-thin

The same icon in other sets

thumbs-downAkar Iconsthumbs-downCarbonthumbs-downEmoji One (Colored)thumbs-downFont Awesome 6 Regularthumbs-downFont Awesome 6 Solidthumbs-downFont Awesome Regularthumbs-downFont Awesome Solidthumbs-downFeather Iconsthumbs-down-outlineFlowbite Iconsthumbs-downFluent Emojithumbs-downFluent Emoji Flatthumbs-downFluent Emoji High Contrastthumbs-downHuge Iconsthumbs-downIconParkthumbs-downIconPark Outlinethumbs-downIconPark Solidthumbs-downIconPark TwoTonethumbs-downIconoirthumbs-downIonIconsthumbs-downLine Awesomethumbs-downMaterial Line Iconsthumbs-downLucidethumbs-downMage Iconsthumbs-downNoto Emoji

Related icons in Phosphor

thumbs-up

Use the thumbs down icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m237.83 157.27l-12-96A22 22 0 0 0 204 42H32a14 14 0 0 0-14 14v88a14 14 0 0 0 14 14h44.29l38.34 76.68A6 6 0 0 0 120 238a38 38 0 0 0 38-38v-18h58a22 22 0 0 0 21.83-24.73M74 146H32a2 2 0 0 1-2-2V56a2 2 0 0 1 2-2h42Zm149.5 20.62A9.9 9.9 0 0 1 216 170h-64a6 6 0 0 0-6 6v24a26 26 0 0 1-22.42 25.75L86 150.58V54h118a10 10 0 0 1 9.92 8.76l12 96a9.9 9.9 0 0 1-2.42 7.86"/></svg>

React

import type { SVGProps } from "react";

export function PhThumbsDownLight(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m237.83 157.27l-12-96A22 22 0 0 0 204 42H32a14 14 0 0 0-14 14v88a14 14 0 0 0 14 14h44.29l38.34 76.68A6 6 0 0 0 120 238a38 38 0 0 0 38-38v-18h58a22 22 0 0 0 21.83-24.73M74 146H32a2 2 0 0 1-2-2V56a2 2 0 0 1 2-2h42Zm149.5 20.62A9.9 9.9 0 0 1 216 170h-64a6 6 0 0 0-6 6v24a26 26 0 0 1-22.42 25.75L86 150.58V54h118a10 10 0 0 1 9.92 8.76l12 96a9.9 9.9 0 0 1-2.42 7.86"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m237.83 157.27l-12-96A22 22 0 0 0 204 42H32a14 14 0 0 0-14 14v88a14 14 0 0 0 14 14h44.29l38.34 76.68A6 6 0 0 0 120 238a38 38 0 0 0 38-38v-18h58a22 22 0 0 0 21.83-24.73M74 146H32a2 2 0 0 1-2-2V56a2 2 0 0 1 2-2h42Zm149.5 20.62A9.9 9.9 0 0 1 216 170h-64a6 6 0 0 0-6 6v24a26 26 0 0 1-22.42 25.75L86 150.58V54h118a10 10 0 0 1 9.92 8.76l12 96a9.9 9.9 0 0 1-2.42 7.86"/></svg>
</template>

CSS

.icon-thumbs-down-light {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m237.83%20157.27l-12-96A22%2022%200%200%200%20204%2042H32a14%2014%200%200%200-14%2014v88a14%2014%200%200%200%2014%2014h44.29l38.34%2076.68A6%206%200%200%200%20120%20238a38%2038%200%200%200%2038-38v-18h58a22%2022%200%200%200%2021.83-24.73M74%20146H32a2%202%200%200%201-2-2V56a2%202%200%200%201%202-2h42Zm149.5%2020.62A9.9%209.9%200%200%201%20216%20170h-64a6%206%200%200%200-6%206v24a26%2026%200%200%201-22.42%2025.75L86%20150.58V54h118a10%2010%200%200%201%209.92%208.76l12%2096a9.9%209.9%200%200%201-2.42%207.86%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m237.83%20157.27l-12-96A22%2022%200%200%200%20204%2042H32a14%2014%200%200%200-14%2014v88a14%2014%200%200%200%2014%2014h44.29l38.34%2076.68A6%206%200%200%200%20120%20238a38%2038%200%200%200%2038-38v-18h58a22%2022%200%200%200%2021.83-24.73M74%20146H32a2%202%200%200%201-2-2V56a2%202%200%200%201%202-2h42Zm149.5%2020.62A9.9%209.9%200%200%201%20216%20170h-64a6%206%200%200%200-6%206v24a26%2026%200%200%201-22.42%2025.75L86%20150.58V54h118a10%2010%200%200%201%209.92%208.76l12%2096a9.9%209.9%200%200%201-2.42%207.86%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/thumbs-down-light.svg?color=%231a73e8&size=48