Thumbs Down icon
el:thumbs-down
The Thumbs Down icon (el:thumbs-down) is a free SVG icon from the Elusive Icons set by Team Redux. It is drawn on a 1200 × 1200 grid. Elusive Icons are released under the Open Font 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
- Elusive Icons
- Author
- Team Redux
- License
- OFL-1.1
- Size
- 1200 × 1200
- Tags
- thumbsdown, thumb
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M1141.254 797.17H842.888c6.042 48.99 14.657 96.04 25.361 141.727c5.814 86.875-52.362 149.479-113.38 190.953q-23.869 14.92-50.723 7.459c-16.914-5.968-29.348-17.899-37.298-35.804L531.094 797.17H393.846c-36.075-2.562-59.249-27.021-59.675-59.673V134.795c2.563-36.075 27.023-59.249 59.675-59.673h551.979c30.137 2.299 59.875 13.033 84.289 26.853c42.318 25.706 72.122 61.157 85.779 104.429l83.543 519.159c4.976 39.367-23.686 71.109-58.182 71.607m-923.445 11.934H43.264C19.021 807.349.333 789.809 0 767.333V101.975c1.926-25.64 20.297-41.478 43.264-41.771h174.545c25.302 1.761 42.946 18.557 43.263 41.771v665.358c-2.085 24.651-21.115 41.471-43.263 41.771"/></svg>
How to use the Thumbs Down icon
React
import { Icon } from "@iconify/react";
<Icon icon="el:thumbs-down" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="el:thumbs-down" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="el:thumbs-down" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[el--thumbs-down]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/el -->
<div class="i-el:thumbs-down"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="el:thumbs-down"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/el/thumbs-down.svg" alt="Thumbs Down icon" width="24" height="24">
Related icons in Elusive Icons
Thumbs Down icon in other icon sets
Thumbs Down icon FAQ
Is the Thumbs Down icon free for commercial use?
Yes. Elusive Icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Thumbs Down icon in React?
Install @iconify/react and render <Icon icon="el:thumbs-down" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Thumbs Down icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/el/thumbs-down.svg" alt="Thumbs Down icon">, or paste the SVG code inline to style it with CSS.
Browse all Elusive Icons →
ICONYZ
