Thumbs icon
il:thumbs
The Thumbs icon (il:thumbs) is a free SVG icon from the Icalicons set by Icalia Labs. It is drawn on a 720 × 780 grid. Icalicons 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
- Icalicons
- Author
- Icalia Labs
- License
- MIT
- Size
- 720 × 780
- Tags
- thumb
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="720" height="780" viewBox="0 0 720 780"><path fill="currentColor" d="M139 228q10 0 17 6t6 17v278q0 10-6 16t-17 7H23q-10 0-16-7t-7-16V251q0-10 7-17t16-6zm485 0q22 0 41 9t32 26t18 36t0 43l-48 202q-8 34-35 54t-63 17l-180-15q-18-1-36-6l-111-32q-15-5-24-17t-10-28V248q0-20 16-34L443 14q21-18 46-9l4 1q17 6 26 21t5 33l-31 139q-2 11 5 20t18 9z"/></svg>How to use the Thumbs icon
React
import { Icon } from "@iconify/react";
<Icon icon="il:thumbs" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="il:thumbs" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="il:thumbs" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[il--thumbs]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/il -->
<div class="i-il:thumbs"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="il:thumbs"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/il/thumbs.svg" alt="Thumbs icon" width="24" height="24">Thumbs icon FAQ
Is the Thumbs icon free for commercial use?
Yes. Icalicons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Thumbs icon in React?
Install @iconify/react and render <Icon icon="il:thumbs" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Thumbs icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/il/thumbs.svg" alt="Thumbs icon">, or paste the SVG code inline to style it with CSS.