Hand Down icon
el:hand-down
The Hand Down icon (el:hand-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
- handdown
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M227.863 0h415.509c43.972 2.192 75.724 37.788 76.252 76.898v186.106c40.854 53.196 97.553 90.897 138.61 142.165q21.648 27.141 48.143 42.003c63.281 32.214 136.954 12.695 187.398 58.481c39.482 92.008-15.751 202.231-102.423 233.279c-70.78 24.404-141.366 8.051-203.878-22.294c.182 109.856-.708 219.71-1.292 329.563c-6.678 89.434-66.892 153.202-152.504 153.797c-86.275-.244-149.017-74.623-150.565-153.797v-129.24q-38.125-6.462-69.144-25.202c-53.145 7.239-105.247-9.327-142.811-41.356c-306.751-17.576-124.761-419.443-120.194-569.952V76.898C153.061 32.617 188.555.528 227.863 0m0 277.221c-2.591 120.425-184.658 531.909 76.252 492.407c23.47 43.546 86.286 60.301 126.009 33.603c40.005 40.566 90.265 52.118 129.888 12.925q0 58.157.646 115.024q.646 56.866.646 115.023c.933 44.371 33.487 75.122 72.375 75.606c45.976-1.014 75.136-35.914 75.605-75.606c.008-150.385 1.276-298.632 1.292-438.126c100.763 12.555 237.585 132.769 316.963 10.017c9.652-19.652 13.749-35.367 10.017-55.896q-2.585-5.17-5.17-5.816t-8.4-1.938c-79.87-13.044-159.73-25.221-212.601-87.237c-52.343-68.263-134.749-108.514-168.013-186.752v-3.231z"/></svg>
How to use the Hand Down icon
React
import { Icon } from "@iconify/react";
<Icon icon="el:hand-down" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="el:hand-down" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="el:hand-down" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[el--hand-down]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/el -->
<div class="i-el:hand-down"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="el:hand-down"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/el/hand-down.svg" alt="Hand Down icon" width="24" height="24">
Related icons in Elusive Icons
Hand Down icon in other icon sets
Hand Down icon FAQ
Is the Hand 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 Hand Down icon in React?
Install @iconify/react and render <Icon icon="el:hand-down" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Hand Down icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/el/hand-down.svg" alt="Hand Down icon">, or paste the SVG code inline to style it with CSS.
Browse all Elusive Icons →
ICONYZ
