Add icons to this collection by clicking the heart icon.
Puzzle icon - also known as piece, relax, game, puzzle, jigsaw, shape, part, hobby, activity, and hobbies and free time. Created in a clean outline color style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 64 64"
>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path fill="#584e4e" d="M10 10h44v44H10z" />
<path
fill="#fac172"
d="M48 25c0-1-1-2-2-2s-2 1-2 2v1h-4v2c1.771.409 2.998 2.089 3 4 .002 1.95-1.145 3.694-3 4v2h2c.653-1.995 2-3 4-3s3.317 1.047 4 3h2V26h-4z"
/>
<path
fill="#adc764"
d="M48 39s0-2-2-2-2 1.984-2 2v1h-4v2c1.881.367 3 2 3 4s-1.093 3.534-3 4v2h12V40h-4zM20 25.063C20 24 19 23 18 23c-1.06 0-2 1-2 2v1h-4v12h2c0-2 2-3 4-3s4 1 4 3h2V26h-4z"
/>
<path
fill="#89a92e"
d="M50 40h2v12h-2zm-5.002-2.78c.261-.135.589-.22 1.002-.22 2 0 2 2 2 2v1h-2v-1s0-1.261-1.002-1.78zM12 37.953C12.031 35.984 14.016 35 16 35c.337 0 .673.028 1 .085-1.617.28-3 1.252-3 2.915h-2zM22 26h2v12h-2zm-5.015-2.687A1.876 1.876 0 0 1 18 23c1 0 2 1 2 2.063V26h-2v-.937c0-.7-.434-1.373-1.015-1.75z"
/>
<path
fill="#fff"
d="M20 39s0-2-2-2-1.86 2.012-2 2v1h-4v12h12v-2c-1.986-.623-3-2-3-4s1.3-3.51 3-4v-2h-4zm19-5c1.104 0 2-1 2-2s-1-2-2-2h-1v-4h-4v-1c0-1-1-2-2-2-1.019 0-1.969 1-1.999 1.936L30 26h-4v12h12v-4z"
/>
<path
fill="#d9d9d9"
d="M22 40h2v2c-1.7.49-3 2-3 4s1.014 3.377 3 4v2h-2v-2c-1.986-.623-3-2-3-4s1.3-3.51 3-4zm-4.992-2.775c.253-.138.576-.225.992-.225 2 0 2 2 2 2v1h-2v-1s0-1.253-.992-1.775zM36 26h2v4h1c1 0 2 1 2 2s-.896 2-2 2h-1v4h-2v-4h1c1.104 0 2-1 2-2s-1-2-2-2h-1zm-5.003-2.682A1.849 1.849 0 0 1 32 23c1 0 2 1 2 2v1h-2v-1c0-.654-.427-1.307-1.003-1.682z"
/>
<path
fill="#ff8359"
d="M52 24V12H40v4h-1c-1 0-2 1-2 2s1 2 2 2h1v4h2c.492-1.953 2.319-3.001 4-3 1.582.001 3.196 1.042 4 3z"
/>
<path
fill="#e15c45"
d="M40.012 23.954C40.52 22.031 42.332 20.999 44 21c.323 0 .646.044.965.129-1.336.336-2.573 1.317-2.965 2.871h-2zM52 12v12h-2V12z"
/>
<path
fill="#89d5cb"
d="M38 40H26v4h-1c-1 0-2 1-1.994 2 .005 1 .994 2 1.994 2h1v4h12v-4h1c1 0 2-1 1.999-2-.002-1-.999-2-1.97-2H38zM26 12v4h-1c-1 0-2 1-1.994 2 .006 1.077.994 2 1.994 2h1v4h2c.789-1.798 2-3 4-3s3.325 1.016 4 3h2v-2c-2.025-.425-3.006-2.205-3-4 .006-1.771.986-3.548 3-4v-2z"
/>
<path
fill="#60b2a8"
d="M38 40v4h1.029c.971 0 1.968 1 1.97 2C41 47 40 48 39 48h-1v4h-2.006v-4h1c1 0 2-1 1.999-2-.002-1-.999-2-1.97-2h-1.029v-4zM26 23.987C26.789 22.196 27.999 21 29.994 21c.37 0 .717.035 1.041.104-1.44.328-2.382 1.408-3.035 2.896h-2zM38 12v2c-2.014.452-2.994 2.229-3 4-.006 1.795.975 3.575 3 4v2h-2l-.006-.017V22c-2.025-.425-3.006-2.205-3-4 .006-1.771.986-3.548 3-4v-2z"
/>
<path
fill="#fac172"
d="M21 18c-.056-1.941 1.021-3.822 3-4v-2H12v12h2c.183-1.793 2.157-2.984 4-3 1.706-.015 3.579 1.225 4 3h2v-2c-1.882-.352-2.947-2.172-3-4z"
/>
<path
fill="#f7ab41"
d="M40.031 37.907C40.695 35.974 42.031 35 44 35c.351 0 .681.032.991.096-1.45.295-2.455 1.266-2.991 2.904h-2zM50 26h2v12h-2zm-5-2.68c.305-.199.653-.32 1-.32 1 0 2 1 2 2v1h-2v-1c0-.653-.426-1.305-1-1.68zm-32.995.638c.209-1.77 2.166-2.942 3.995-2.958.326-.003.658.04.985.124-1.492.349-2.836 1.412-2.985 2.876h-2zM24 12v2c-1.979.178-3.056 2.059-3 4 .053 1.828 1.118 3.648 3 4v2h-2v-2c-1.882-.352-2.947-2.172-3-4-.056-1.941 1.021-3.822 3-4v-2z"
/>
</g>
</svg>
More icons in the same style and category