thumbs down icon

thumbs-down-sharp-fill from Keyline Icons by Keyline Icons · Sharp Fill · MIT Free for personal and commercial use.

Name
thumbs-down-sharp-fill
Set
Keyline Icons
Style
Sharp Fill
Viewbox
24×24
License
MIT

7 other variants in Keyline Icons

thumbs-downthumbs-down-duotonethumbs-down-fillthumbs-down-sharpthumbs-down-sharp-duotonethumbs-down-sharp-two-tonethumbs-down-two-tone

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 Keyline Icons

thumbs-up

Use the thumbs down icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22 15L16.7808 15L14.9701 22.2425C14.8589 22.6877 14.4589 23 14 23L9 23C8.4957 23 8.0703 22.6245 8.0077 22.124L7.1172 15L2 15C1.4477 15 1 14.5523 1 14C1 13.8801 1.0216 13.7612 1.0637 13.6489L5.5637 1.6489C5.71 1.2586 6.0832 1 6.5 1L22 1C22.5523 1 23 1.4477 23 2L23 14C23 14.5523 22.5523 15 22 15ZM21 13L21 3L17 3L17 13L21 13Z"/></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsThumbsDownSharpFill(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="M22 15L16.7808 15L14.9701 22.2425C14.8589 22.6877 14.4589 23 14 23L9 23C8.4957 23 8.0703 22.6245 8.0077 22.124L7.1172 15L2 15C1.4477 15 1 14.5523 1 14C1 13.8801 1.0216 13.7612 1.0637 13.6489L5.5637 1.6489C5.71 1.2586 6.0832 1 6.5 1L22 1C22.5523 1 23 1.4477 23 2L23 14C23 14.5523 22.5523 15 22 15ZM21 13L21 3L17 3L17 13L21 13Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22 15L16.7808 15L14.9701 22.2425C14.8589 22.6877 14.4589 23 14 23L9 23C8.4957 23 8.0703 22.6245 8.0077 22.124L7.1172 15L2 15C1.4477 15 1 14.5523 1 14C1 13.8801 1.0216 13.7612 1.0637 13.6489L5.5637 1.6489C5.71 1.2586 6.0832 1 6.5 1L22 1C22.5523 1 23 1.4477 23 2L23 14C23 14.5523 22.5523 15 22 15ZM21 13L21 3L17 3L17 13L21 13Z"/></svg>
</template>

CSS

.icon-thumbs-down-sharp-fill {
  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%22M22%2015L16.7808%2015L14.9701%2022.2425C14.8589%2022.6877%2014.4589%2023%2014%2023L9%2023C8.4957%2023%208.0703%2022.6245%208.0077%2022.124L7.1172%2015L2%2015C1.4477%2015%201%2014.5523%201%2014C1%2013.8801%201.0216%2013.7612%201.0637%2013.6489L5.5637%201.6489C5.71%201.2586%206.0832%201%206.5%201L22%201C22.5523%201%2023%201.4477%2023%202L23%2014C23%2014.5523%2022.5523%2015%2022%2015ZM21%2013L21%203L17%203L17%2013L21%2013Z%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%22M22%2015L16.7808%2015L14.9701%2022.2425C14.8589%2022.6877%2014.4589%2023%2014%2023L9%2023C8.4957%2023%208.0703%2022.6245%208.0077%2022.124L7.1172%2015L2%2015C1.4477%2015%201%2014.5523%201%2014C1%2013.8801%201.0216%2013.7612%201.0637%2013.6489L5.5637%201.6489C5.71%201.2586%206.0832%201%206.5%201L22%201C22.5523%201%2023%201.4477%2023%202L23%2014C23%2014.5523%2022.5523%2015%2022%2015ZM21%2013L21%203L17%203L17%2013L21%2013Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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