Thumbs Down Sharp Two Tone icon
keyline-icons:thumbs-down-sharp-two-tone
The Thumbs Down Sharp Two Tone icon (keyline-icons:thumbs-down-sharp-two-tone) 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, sharptwo, twotone, thumbsdownsharptwotone, thumb
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" 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 15Z" stroke="none"/><path d="M22 14L16 14L14 22L9 22L8 14L2 14L6.5 2L22 2ZM16 14L16 2"/></g></svg>
How to use the Thumbs Down Sharp Two Tone icon
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:thumbs-down-sharp-two-tone" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:thumbs-down-sharp-two-tone" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:thumbs-down-sharp-two-tone" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--thumbs-down-sharp-two-tone]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:thumbs-down-sharp-two-tone"></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-two-tone"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/keyline-icons/thumbs-down-sharp-two-tone.svg" alt="Thumbs Down Sharp Two Tone icon" width="24" height="24">
Related icons in Keyline Icons
Thumbs Down Sharp Two Tone icon FAQ
Is the Thumbs Down Sharp Two Tone 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 Two Tone icon in React?
Install @iconify/react and render <Icon icon="keyline-icons:thumbs-down-sharp-two-tone" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Thumbs Down Sharp Two Tone 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-two-tone.svg" alt="Thumbs Down Sharp Two Tone icon">, or paste the SVG code inline to style it with CSS.
Browse all Keyline Icons →
ICONYZ
