Home/Libraries/Freehand free icons (Iconify)/plugin-hands-puzzle

Freehand free icons (Iconify)

PluginHandsPuzzle

License: CC-BY-4.0

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 24 24"><path fill="#818cf8" fill-rule="evenodd" d="M16 12.038c0-.39-.26-.53-.37-.73c-.24-.46-.77-.89-.62-1.24c.24-.53 1-.64 1.57-.5q.6.278 1.23.48c.37.06.66-.31 1-.72a5.2 5.2 0 0 0 1.06-1.81a.56.56 0 0 0-.08-.33a9.4 9.4 0 0 0-2.09-1.65s-.14-.14-.24-.21a3.6 3.6 0 0 0 .42-1.74a2.38 2.38 0 0 0-4-1.48c-.51.57.34.87.41.38l.32-.25a1.76 1.76 0 0 1 2.59 1.66a3.9 3.9 0 0 1-.48 1.29c-.39.8.49.66 2.3 2.36a6 6 0 0 1-1.17 1.51l-1-.42a2.31 2.31 0 0 0-2.76 1c-.46 1 .28 1.53.62 2.18c.22.44.35.14 0 .82a7.2 7.2 0 0 1-1 1.48c-1-.32-6.5-3.23-7.16-4.34a5.6 5.6 0 0 1 1-2c1.13.6 1.81 1.11 2.84.52c2.1-1.22 1.42-3.62-.95-4a8.6 8.6 0 0 1 1-1.72c.25-.27 1.26.23 1.56.38a.324.324 0 1 0 .29-.58c-2.23-1.2-2.29-.56-3.52 1.6c-.16.28-.36.59-.13.87s.92.21 1.18.3c.7.25 1.28.94.92 1.59c-.24.42-.83.94-1.32.87c-2-.85-1.89-1.5-2.8-.17a4.86 4.86 0 0 0-1 2.37c0 1.79 7.75 5.39 8.25 5.41c.88.05 2.13-2.62 2.13-3.18m-7.29 7.51c-.32-1.39.26-5.08-1.38-5.05c-1.46 0-1.18 1.19-1.7 2.6c-.14.39-.12.43-1-.38a3.5 3.5 0 0 1-.45-.56c.08-.39-.08-.1.22-2.6c.11-.89.07-1.93-.72-2.35a1.3 1.3 0 0 0-1.55.22a1.09 1.09 0 0 0-1.07-.45C0 11.098 0 12.318 0 13.348c.06 2.74 2.2 5.68 4.24 7.51l.62 1.58c.09.27.67-.05.57-.32L5 20.448c0-.13-4.23-3.48-4.19-7.11c0-.41 0-1.52.38-1.56c.58-.06.47.46 1.27 2.55a12.5 12.5 0 0 0 1.09 2.25a4.34 4.34 0 0 0 1.78 1.5c1.25.23 1.08-1.82 1.46-2.4c.09-.15.26-.22.54-.23c1 0 .22 4.36.88 4.65c.23.11.69-.21.54-.41c.02-.02-.03-.08-.04-.14m-6.3-7.65a.71.71 0 0 1 .95-.1c.4.27.31 1.25.27 1.8a7 7 0 0 0 .05 1.61a33 33 0 0 1-1.27-3.31m12.84 7.79c-.15.2.31.52.54.41c.66-.29-.09-4.69.88-4.65c.28 0 .45.08.54.23c.38.58.21 2.63 1.46 2.4a4.34 4.34 0 0 0 1.78-1.5c.452-.71.83-1.463 1.13-2.25c.8-2.09.69-2.61 1.27-2.55c.41 0 .38 1.15.38 1.56c0 3.63-4.14 7-4.19 7.11l-.47 1.67c-.1.27.48.59.57.32l.62-1.58c2-1.83 4.18-4.77 4.24-7.51c0-1 0-2.25-1.06-2.37a1.09 1.09 0 0 0-1.1.45a1.3 1.3 0 0 0-1.55-.22c-.79.42-.83 1.46-.72 2.35c.31 2.6.14 2.23.22 2.6q-.195.304-.45.56c-.85.81-.83.77-1 .38c-.52-1.41-.24-2.58-1.7-2.6c-1.65 0-1.06 3.66-1.38 5.05c.02.06-.03.12-.01.14m5.07-4.48a7 7 0 0 0 .05-1.61c0-.55-.13-1.53.27-1.8a.71.71 0 0 1 .95.1a33 33 0 0 1-1.27 3.31" clip-rule="evenodd"/></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. PluginHandsPuzzleIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** 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.