thumbs down icon

thumbs-down from Font Awesome 6 Solid by Dave Gandy · Regular · Hands · CC-BY-4.0 Attribution required.

Name
thumbs-down
Set
Font Awesome 6 Solid
Style
Regular
Category
Hands
Viewbox
512×512
License
CC BY 4.0

The same icon in other sets

thumbs-downAkar Iconsthumbs-downCarbonthumbs-downEmoji One (Colored)thumbs-downFont Awesome 6 Regularthumbs-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 Emojithumbs-downOpenMoji

More hands icons from Font Awesome 6 Solid

hand-holdinghand-holding-medicalhand-lizardhand-middle-fingerhand-peacehand-scissorshand-sparkleshand-spockhandshandshake-slashthumbs-up

Use the thumbs down icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M313.4 479.1c26-5.2 42.9-30.5 37.7-56.5l-2.3-11.4c-5.3-26.7-15.1-52.1-28.8-75.2h144c26.5 0 48-21.5 48-48c0-18.5-10.5-34.6-25.9-42.6C497 236.6 504 223.1 504 208c0-23.4-16.8-42.9-38.9-47.1c4.4-7.3 6.9-15.8 6.9-24.9c0-21.3-13.9-39.4-33.1-45.6c.7-3.3 1.1-6.8 1.1-10.4c0-26.5-21.5-48-48-48h-97.5c-19 0-37.5 5.6-53.3 16.1l-38.5 25.7C176 91.6 160 121.6 160 153.7v111.2c0 29.2 13.3 56.7 36 75l7.4 5.9c26.5 21.2 44.6 51 51.2 84.2l2.3 11.4c5.2 26 30.5 42.9 56.5 37.7M32 384h64c17.7 0 32-14.3 32-32V128c0-17.7-14.3-32-32-32H32c-17.7 0-32 14.3-32 32v224c0 17.7 14.3 32 32 32"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidThumbsDown(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M313.4 479.1c26-5.2 42.9-30.5 37.7-56.5l-2.3-11.4c-5.3-26.7-15.1-52.1-28.8-75.2h144c26.5 0 48-21.5 48-48c0-18.5-10.5-34.6-25.9-42.6C497 236.6 504 223.1 504 208c0-23.4-16.8-42.9-38.9-47.1c4.4-7.3 6.9-15.8 6.9-24.9c0-21.3-13.9-39.4-33.1-45.6c.7-3.3 1.1-6.8 1.1-10.4c0-26.5-21.5-48-48-48h-97.5c-19 0-37.5 5.6-53.3 16.1l-38.5 25.7C176 91.6 160 121.6 160 153.7v111.2c0 29.2 13.3 56.7 36 75l7.4 5.9c26.5 21.2 44.6 51 51.2 84.2l2.3 11.4c5.2 26 30.5 42.9 56.5 37.7M32 384h64c17.7 0 32-14.3 32-32V128c0-17.7-14.3-32-32-32H32c-17.7 0-32 14.3-32 32v224c0 17.7 14.3 32 32 32"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M313.4 479.1c26-5.2 42.9-30.5 37.7-56.5l-2.3-11.4c-5.3-26.7-15.1-52.1-28.8-75.2h144c26.5 0 48-21.5 48-48c0-18.5-10.5-34.6-25.9-42.6C497 236.6 504 223.1 504 208c0-23.4-16.8-42.9-38.9-47.1c4.4-7.3 6.9-15.8 6.9-24.9c0-21.3-13.9-39.4-33.1-45.6c.7-3.3 1.1-6.8 1.1-10.4c0-26.5-21.5-48-48-48h-97.5c-19 0-37.5 5.6-53.3 16.1l-38.5 25.7C176 91.6 160 121.6 160 153.7v111.2c0 29.2 13.3 56.7 36 75l7.4 5.9c26.5 21.2 44.6 51 51.2 84.2l2.3 11.4c5.2 26 30.5 42.9 56.5 37.7M32 384h64c17.7 0 32-14.3 32-32V128c0-17.7-14.3-32-32-32H32c-17.7 0-32 14.3-32 32v224c0 17.7 14.3 32 32 32"/></svg>
</template>

CSS

.icon-thumbs-down {
  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%20fill%3D%22currentColor%22%20d%3D%22M313.4%20479.1c26-5.2%2042.9-30.5%2037.7-56.5l-2.3-11.4c-5.3-26.7-15.1-52.1-28.8-75.2h144c26.5%200%2048-21.5%2048-48c0-18.5-10.5-34.6-25.9-42.6C497%20236.6%20504%20223.1%20504%20208c0-23.4-16.8-42.9-38.9-47.1c4.4-7.3%206.9-15.8%206.9-24.9c0-21.3-13.9-39.4-33.1-45.6c.7-3.3%201.1-6.8%201.1-10.4c0-26.5-21.5-48-48-48h-97.5c-19%200-37.5%205.6-53.3%2016.1l-38.5%2025.7C176%2091.6%20160%20121.6%20160%20153.7v111.2c0%2029.2%2013.3%2056.7%2036%2075l7.4%205.9c26.5%2021.2%2044.6%2051%2051.2%2084.2l2.3%2011.4c5.2%2026%2030.5%2042.9%2056.5%2037.7M32%20384h64c17.7%200%2032-14.3%2032-32V128c0-17.7-14.3-32-32-32H32c-17.7%200-32%2014.3-32%2032v224c0%2017.7%2014.3%2032%2032%2032%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%20fill%3D%22currentColor%22%20d%3D%22M313.4%20479.1c26-5.2%2042.9-30.5%2037.7-56.5l-2.3-11.4c-5.3-26.7-15.1-52.1-28.8-75.2h144c26.5%200%2048-21.5%2048-48c0-18.5-10.5-34.6-25.9-42.6C497%20236.6%20504%20223.1%20504%20208c0-23.4-16.8-42.9-38.9-47.1c4.4-7.3%206.9-15.8%206.9-24.9c0-21.3-13.9-39.4-33.1-45.6c.7-3.3%201.1-6.8%201.1-10.4c0-26.5-21.5-48-48-48h-97.5c-19%200-37.5%205.6-53.3%2016.1l-38.5%2025.7C176%2091.6%20160%20121.6%20160%20153.7v111.2c0%2029.2%2013.3%2056.7%2036%2075l7.4%205.9c26.5%2021.2%2044.6%2051%2051.2%2084.2l2.3%2011.4c5.2%2026%2030.5%2042.9%2056.5%2037.7M32%20384h64c17.7%200%2032-14.3%2032-32V128c0-17.7-14.3-32-32-32H32c-17.7%200-32%2014.3-32%2032v224c0%2017.7%2014.3%2032%2032%2032%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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