Home/Libraries/Elusive Icons (Iconify)/hand-left

Elusive Icons (Iconify)

HandLeft

License: OFL-1.1

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 1200 1200"><path fill="#818cf8" 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>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. HandLeftIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **OFL-1.1** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.