Thumbs Down Sharp Fill icon
keyline-icons:thumbs-down-sharp-fill
The Thumbs Down Sharp Fill icon (keyline-icons:thumbs-down-sharp-fill) is a free SVG icon from the Keyline Icons set. It is drawn on a 24 × 24 grid. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Keyline Icons
- Author
- Keyline Icons
- License
- MIT
- Size
- 24 × 24
- Tags
- thumbsdown, downsharp, sharpfill, thumbsdownsharpfill, thumb
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" 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>
How to use the Thumbs Down Sharp Fill icon
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:thumbs-down-sharp-fill" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:thumbs-down-sharp-fill" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:thumbs-down-sharp-fill" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--thumbs-down-sharp-fill]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:thumbs-down-sharp-fill"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:thumbs-down-sharp-fill"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/keyline-icons/thumbs-down-sharp-fill.svg" alt="Thumbs Down Sharp Fill icon" width="24" height="24">
Related icons in Keyline Icons
Thumbs Down Sharp Fill icon FAQ
Is the Thumbs Down Sharp Fill icon free for commercial use?
Yes. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Thumbs Down Sharp Fill icon in React?
Install @iconify/react and render <Icon icon="keyline-icons:thumbs-down-sharp-fill" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Thumbs Down Sharp Fill icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/keyline-icons/thumbs-down-sharp-fill.svg" alt="Thumbs Down Sharp Fill icon">, or paste the SVG code inline to style it with CSS.
Browse all Keyline Icons →
ICONYZ
