Hand Left icon
el:hand-left
The Hand Left icon (el:hand-left) 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
- handleft
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M1200 972.138V556.629c-2.192-43.973-37.788-75.725-76.898-76.253H936.995c-53.196-40.854-90.897-97.553-142.165-138.61q-27.141-21.648-42.003-48.142c-32.214-63.281-12.695-136.954-58.481-187.399c-92.008-39.482-202.231 15.751-233.279 102.423c-24.404 70.78-8.051 141.366 22.294 203.877c-109.856-.182-219.71.708-329.564 1.292C64.363 420.495.594 480.709 0 566.321c.244 86.275 74.623 149.017 153.796 150.565h129.241q6.462 38.126 25.202 69.144c-7.239 53.145 9.327 105.247 41.357 142.812c17.576 306.75 419.443 124.761 569.951 120.193h203.555c44.282-2.096 76.37-37.59 76.898-76.897m-277.222 0c-120.425 2.591-531.908 184.658-492.406-76.253c-43.545-23.47-60.301-86.285-33.603-126.009c-40.566-40.005-52.119-90.265-12.924-129.887q-58.158 0-115.024-.646c-56.866-.646-76.252-.646-115.024-.646c-44.371-.933-75.122-33.487-75.606-72.375c1.014-45.975 35.914-75.136 75.606-75.605c150.384-.008 298.632-1.276 438.126-1.292c-12.555-100.763-132.769-237.585-10.017-316.963c19.652-9.652 35.367-13.749 55.896-10.017q5.17 2.585 5.816 5.17t1.938 8.4c13.044 79.87 25.221 159.73 87.237 212.601c68.263 52.343 108.514 134.749 186.752 168.014h3.231v415.508z"/></svg>
How to use the Hand Left icon
React
import { Icon } from "@iconify/react";
<Icon icon="el:hand-left" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="el:hand-left" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="el:hand-left" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[el--hand-left]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/el -->
<div class="i-el:hand-left"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="el:hand-left"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/el/hand-left.svg" alt="Hand Left icon" width="24" height="24">
Related icons in Elusive Icons
Hand Left icon in other icon sets
Hand Left icon FAQ
Is the Hand Left 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 Left icon in React?
Install @iconify/react and render <Icon icon="el:hand-left" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Hand Left icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/el/hand-left.svg" alt="Hand Left icon">, or paste the SVG code inline to style it with CSS.
Browse all Elusive Icons →
ICONYZ
