IconSearch logoIconsearch
Home/Libraries/Freehand free icons (Iconify)/plugin-jigsaw-puzzle
← Back to Search
Freehand free icons (Iconify)

PluginJigsawPuzzle

License: CC-BY-4.0


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><g fill="#818cf8" fill-rule="evenodd" clip-rule="evenodd"><path d="m22.252 12.657l-.25-.6a.53.53 0 0 0-.539-.309c-.32.05-.649.17-.999.2a.42.42 0 0 1-.379-.22a.44.44 0 0 1 0-.439q.2-.368.51-.649c.08-.08.309-.27.439-.42a.74.74 0 0 0 .2-.459a.8.8 0 0 0-.05-.36c0-.129-.17-.309-.19-.389l-.59-1.208a5 5 0 0 0-.329-.56a.7.7 0 0 0-.4-.259a.9.9 0 0 0-.389 0c-.12 0-.3.15-.37.18l-.928.44c-.09-.1-.18-.18-.2-.2a1.9 1.9 0 0 0-.798-.51a2.2 2.2 0 0 0-.92-.09c-.53.058-1.016.32-1.357.73a1.9 1.9 0 0 0-.45 1.447a2.2 2.2 0 0 0 .19.61l-.38.16l-.598.289c-.52.45-.3.928.26.709l.628-.25c.18-.06.42-.1.63-.17q.184-.063.349-.17a.51.51 0 0 0 .12-.608c0-.06-.11-.21-.11-.22l-.12-.44a1 1 0 0 1 .26-.679a1 1 0 0 1 .669-.23a1 1 0 0 1 .42.08a.8.8 0 0 1 .299.22s.21.36.29.48a.72.72 0 0 0 .588.35a.9.9 0 0 0 .34-.13l.32-.19l.888-.35l.55 1.079l.05.15l-.17.12c-.36.378-.618.842-.75 1.347a1.45 1.45 0 0 0 .3 1.229a1.39 1.39 0 0 0 1.059.599c.317-.014.63-.074.928-.18c.08.12.19.24.19.25c.2.389.43.778.63 1.168c.05.11.089.23.139.34c-.19.09-.37.189-.57.269c-.409.17-.838.27-1.257.41c-.42.14-.86.339-1.268.509l-1.518.928l-.999.49a.45.45 0 0 0 .37.818c.9-.27 1.782-.603 2.636-.998c.29-.12.589-.23.879-.37s.599-.3.878-.459a10 10 0 0 0 .859-.62l-.06 1.11c0 .678 0 .868-.849 1.467q-.93.565-1.927.999c-.56.3-1.158.559-1.747.809c-.31.14-.64.27-.999.399c0-.25.09-1.288-.36-1.288s-.778.25-.649 1.078c.05.33.1.22.21.54l-2.496.998c-.919.39-1.768.859-2.676 1.228q-.555.23-1.139.38a.384.384 0 0 0 .17.749a9 9 0 0 0 1.278-.37c.939-.3 1.828-.699 2.756-.998c1.258-.44 2.547-.82 3.775-1.309a20.5 20.5 0 0 0 2.456-1.188a15 15 0 0 0 1.997-1.258a3.6 3.6 0 0 0 .999-1.328a.7.7 0 0 0 .08-.34c0-.22-.1-.529-.11-.679c-.07-3.035.769-.479-.7-3.864"/><path d="M8.432 23.142a3 3 0 0 1-1.348-1.178a20 20 0 0 1-1.338-2.786a43 43 0 0 1-.679-1.578c-.36-.799-1.478-3.625-1.508-3.715c-.28-.689-.609-1.368-.879-2.057c-.11-.28-.22-.559-.32-.849c-.099-.29-.249-.818-.349-1.238a7 7 0 0 1-.18-.759a1.3 1.3 0 0 1 .33-1.258c.18-.25.38-.48.58-.709q.141 1.235.419 2.447c.2.888.529 1.577.799 2.476c.1.32.13.48.31.949a.55.55 0 0 0 .998-.36c-.15-.39-.19-.519-.31-.809A36 36 0 0 1 3.86 8.723c-.18-.74-.36-1.428-.5-2.137c0 0 0-.06-.06-.1c1.209-.44 2.407-.999 3.625-1.428q.808-.304 1.648-.5q.553-.27 1.148-.429c.1.19.25.46.37.74q.172.357.24.748c0 .12 0 0 0 0a1.7 1.7 0 0 1-.24.32a3.1 3.1 0 0 0-.56.819a1.35 1.35 0 0 0 0 1.098c.139.398.392.746.73.999a1.68 1.68 0 0 0 1.238.29h.19a.3.3 0 0 0 0 .099l.329.829c.3.519.859.05.769-.37l-.25-.779a6 6 0 0 0-.22-.639a.51.51 0 0 0-.399-.3a.65.65 0 0 0-.29 0c-.08 0-.37.07-.36.17a.65.65 0 0 1-.368-.17a1.1 1.1 0 0 1-.3-.478a.3.3 0 0 1 0-.25q.222-.326.52-.59c.217-.23.375-.511.459-.818a2 2 0 0 0-.15-.999a9.5 9.5 0 0 0-.72-1.507a.79.79 0 0 0-.788-.35q-.856.16-1.688.42a13 13 0 0 0-1.717.698c-1.268.57-2.506 1.289-3.735 1.878l-.22.15c-.329.339-.688.689-.998 1.068a6.3 6.3 0 0 0-.609.849a.9.9 0 0 0-.08.33c0 .219.05.538.05.668c0 .31.06.61.12.919s.16.869.25 1.308q.15.662.389 1.298c.22.6.47 1.198.699 1.797c.43 1.089.849 2.177 1.318 3.246a32 32 0 0 0 1.068 2.117c.456.98.99 1.922 1.598 2.816a3.74 3.74 0 0 0 1.887 1.368a.36.36 0 0 0 .39-.14a.35.35 0 0 0 .21.1a.37.37 0 0 0 .399-.36q.168-.675.23-1.368c-.27-.52-.56-.689-.999-.31c-.103.426-.12.867-.05 1.299m3.174-21.399l.28.36c.1.11.2.22.31.319c.998.998.998.998 1.258.909c.45-.22-.2-1.518-.28-1.658q-.134-.242-.33-.44a2.3 2.3 0 0 0-.399-.359C11.138-.124 10.91.215 10.82.355s-.04.36.788 1.388m3.914 1.248c.11 0 .32.11.838-.998q.081-.158.12-.33c0-.11 0-.22.06-.33c.1-1.058.14-1.198-.13-1.318c-.11 0-.429-.22-.998.999q-.095.17-.14.36q-.057.18-.07.369s-.05 1.248.32 1.248m3.694.999c.15-.07.29-.15.43-.23l.43-.27c1.167-.769 1.397-.818 1.267-1.178c-.06-.15-.15-.47-1.797.08a4 4 0 0 0-.54.24a3.3 3.3 0 0 0-.489.34c-.24.219-1.208 1.237-.848 1.577s.23.13 1.547-.56"/><path d="m15.991 17.21l-.57-1.478c.17-.1.36-.18.37-.19a2.7 2.7 0 0 0 .77-1.058a1.8 1.8 0 0 0 .09-.998a1.5 1.5 0 0 0-.66-.999a2.28 2.28 0 0 0-1.488-.35l-.579.12l-.13-.16l-.629-1.118s-.18-.569-.35-.619c-.479-.14-1.387.71-1.767.939a4 4 0 0 1-.46.24c-.089 0-.498.15-.658.23a.58.58 0 0 0-.25.289a.7.7 0 0 0 0 .27c0 .15.13.449.13.569c.016.253-.029.506-.13.739a.86.86 0 0 1-.4.439a.41.41 0 0 1-.399 0a2 2 0 0 1-.569-.48q-.23-.285-.499-.539a1 1 0 0 0-.57-.21a2 2 0 0 0-.419.07c-.36.08-.729.27-1.068.31h-.13c-.32-.13-1.178.45-1.058.789c0 .07.998 2.377 1.348 3.195c.26.65.519 1.288.799 1.918q.285.727.719 1.378q.27.332.629.569a3 3 0 0 0 2.566.13a13.6 13.6 0 0 0 1.997-.72q.93-.451 1.807-.998c.25-.15.72-.34 1.079-.57c0 .08.689-.409.749-.648a1.8 1.8 0 0 0-.27-1.059m-.929-2.516s-.449.3-.599.42a.64.64 0 0 0-.25.668l.58 1.788l.1.18l-.2.11c-.34.19-.759.359-.999.489c-.549.33-1.108.639-1.697.918q-.858.411-1.768.69c-.293.1-.599.164-.908.19a1.6 1.6 0 0 1-.78-.13a1.1 1.1 0 0 1-.399-.37a8 8 0 0 1-.579-.999c-.4-.749-.769-1.507-1.128-2.276c-.36-.77-.55-1.239-.819-1.868h.21c1.837-.479 1.158-.37 1.528 0c.33.366.75.641 1.218.8a1.48 1.48 0 0 0 1.188-.13a1.82 1.82 0 0 0 .759-.82c.22-.455.304-.965.24-1.467a.7.7 0 0 0-.13-.25c.14-.07.29-.19.33-.21q.278-.15.539-.33c.31-.219.609-.468.928-.688l.6 1.188q.084.259.229.49a.53.53 0 0 0 .31.19q.204.03.409 0c.2 0 .43-.1.61-.11c.246-.015.491.04.708.159a.59.59 0 0 1 .33.41a.82.82 0 0 1-.11.519q-.185.253-.44.439z"/></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard
Dashboard
Analytics
Settings

Overview Dashboard

PROGRESS STEPPER

3

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. PluginJigsawPuzzleIcon.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.

Related Icons in Freehand free icons (Iconify)

Browse all Freehand free icons (Iconify) icons →
accessories-remote-shutter
accessories-remote-shutter
accessories-retro-film-1
accessories-retro-film-1
accounting-abacus
accounting-abacus
accounting-calculator
accounting-calculator
accounting-invoice
accounting-invoice
accounting-invoice-mail
accounting-invoice-mail
add-sign-bold
add-sign-bold
advertising-ad-browser
advertising-ad-browser
advertising-money-idea
advertising-money-idea
airplane-mode-rectangle
airplane-mode-rectangle
alert-alarm-bell
alert-alarm-bell
alert-alarm-clock
alert-alarm-clock