Add icons to this collection by clicking the heart icon.
Puzzle icon - also known as game, shapes, puzzle, toy, pieces, incomplete, guess, and hobbies and free time. Created in a clean gradient 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 510 510"
>
<linearGradient id="a">
<stop offset="0" stop-color="#fff3be" />
<stop offset=".573" stop-color="#ffd15b" />
<stop offset="1" stop-color="#eca026" />
</linearGradient>
<linearGradient
id="e"
x1="-29.422"
x2="345.571"
y1="382.497"
y2="382.497"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="-75.92"
x2="274.386"
y1="303.559"
y2="303.559"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="-75.92"
x2="274.386"
y1="382.497"
y2="382.497"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#fecec8" />
<stop offset=".573" stop-color="#fe73c5" />
<stop offset="1" stop-color="#f1239a" />
</linearGradient>
<linearGradient
id="h"
x1="107.071"
x2="548.276"
y1="127.497"
y2="127.497"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="124"
x2="429.611"
y1="218.962"
y2="218.962"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="-80.419"
x2="437.074"
y1="127.497"
y2="127.497"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#99e6fc" />
<stop offset=".573" stop-color="#01d0fb" />
<stop offset="1" stop-color="#4f66d0" />
</linearGradient>
<linearGradient
id="k"
x1="-71.42"
x2="333.585"
y1="176.062"
y2="176.062"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="l"
x1="-216.913"
x2="299.526"
y1="303.559"
y2="303.559"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="m"
x1="-216.913"
x2="299.526"
y1="127.497"
y2="127.497"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#c2fae3" />
<stop offset=".573" stop-color="#00f2a6" />
<stop offset="1" stop-color="#07b27b" />
</linearGradient>
<linearGradient
id="n"
x1="348.731"
x2="487.266"
y1="369.609"
y2="369.609"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="o"
x1="348.731"
x2="487.266"
y1="476.414"
y2="476.414"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="p"
x1="348.731"
x2="487.266"
y1="445.131"
y2="445.131"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<path
fill="url(#e)"
d="M182.929 382.492c0 35.969 26.342 65.772 60.78 71.187 6.504 1.023 11.285 6.643 11.285 13.226v29.693c0 7.402-6 13.402-13.402 13.402H13.402C6 510 0 504 0 496.598V268.396c0-7.402 6-13.402 13.402-13.402 8.182 0 14.345 7.252 13.254 15.36a73.041 73.041 0 0 0-.607 12.146c1.229 37.249 31.245 67.757 68.472 69.538 41.42 1.982 75.607-31.008 75.607-71.98a72.71 72.71 0 0 0-.67-9.871c-1.101-8.04 5.159-15.194 13.273-15.194h58.861c7.402 0 13.402 6 13.402 13.402v29.693c0 6.584-4.781 12.204-11.285 13.226-34.438 5.417-60.78 35.219-60.78 71.178z"
/>
<path
fill="url(#f)"
d="M26.049 282.501a72.998 72.998 0 0 1 .616-12.215c1.094-8.068-5.031-15.291-13.172-15.291h-.092C6 254.995 0 260.995 0 268.396v26.064c0 29.819 22.688 55.156 52.418 57.449a72.285 72.285 0 0 0 25.641-2.623c-29.253-8.505-50.968-35.221-52.01-66.785z"
/>
<path
fill="url(#g)"
d="M243.709 311.316c6.504-1.023 11.285-6.643 11.285-13.226v-29.693c0-7.402-6-13.402-13.402-13.402h-40.02c7.402 0 13.402 6 13.402 13.402v29.693c0 6.584-4.781 12.204-11.285 13.226-34.438 5.415-60.78 35.217-60.78 71.176 0 35.969 26.342 65.772 60.78 71.187 6.504 1.023 11.285 6.643 11.285 13.226v29.693c0 7.401-6 13.402-13.402 13.402h40.02c7.402 0 13.402-6 13.402-13.402v-29.693c0-6.584-4.781-12.204-11.285-13.226-34.438-5.415-60.78-35.218-60.78-71.187 0-35.959 26.342-65.761 60.78-71.176z"
/>
<path
fill="url(#h)"
d="M254.995 24.689v16.77c0 8.714-7.588 15.572-16.237 14.513a72.907 72.907 0 0 0-12.399-.449c-37.161 1.804-66.523 31.096-68.393 68.254-2.087 41.491 30.936 75.786 71.97 75.786 3.173 0 6.298-.206 9.362-.605 8.312-1.081 15.696 5.326 15.696 13.708v17.64c0 13.635 11.053 24.689 24.689 24.689h9.463c11.207 0 20.82-7.669 23.689-18.502 8.166-30.834 36.255-53.563 69.657-53.563 33.411 0 61.502 22.729 69.668 53.563 2.869 10.833 12.482 18.502 23.689 18.502h9.462c13.635 0 24.689-11.053 24.689-24.689V24.689C510 11.053 498.947 0 485.311 0H279.683c-13.635 0-24.688 11.053-24.688 24.689z"
/>
<path
fill="url(#i)"
d="M342.472 182.929c-33.388 0-61.467 22.709-69.647 53.524a25.02 25.02 0 0 1-8.552 13.135 24.578 24.578 0 0 0 15.41 5.406h9.259c11.266 0 21.012-7.652 23.903-18.542 6.478-24.405 25.445-43.713 49.639-50.695a72.134 72.134 0 0 0-20.012-2.828z"
/>
<path
fill="url(#j)"
d="M485.311 0h-40.02c13.635 0 24.689 11.053 24.689 24.689v205.617c0 7.804-3.625 14.758-9.279 19.282 4.25 3.402 9.599 5.406 15.352 5.406h9.259c13.635 0 24.689-11.053 24.689-24.689V24.689C510 11.053 498.947 0 485.311 0z"
/>
<path
fill="url(#k)"
d="M229.941 55.432c3.344 0 6.635.228 9.859.669 8.04 1.101 15.195-5.158 15.195-13.273V13.401C254.995 6 248.995 0 241.593 0H13.401C6 0 0 6 0 13.401v228.192c0 7.401 6 13.401 13.401 13.401 8.179 0 14.349 7.248 13.254 15.354a72.851 72.851 0 0 0-.564 13.289c1.791 36.89 31.742 66.745 68.638 68.41 41.318 1.865 75.402-31.081 75.402-71.988 0-3.347-.229-6.641-.672-9.866-1.104-8.041 5.155-15.199 13.272-15.199h58.861c7.401 0 13.401-6 13.401-13.401v-29.427c0-8.115-7.155-14.374-15.195-13.273a72.567 72.567 0 0 1-9.859.669c-39.809 0-72.065-32.267-72.065-72.065s32.258-72.065 72.067-72.065z"
/>
<path
fill="url(#l)"
d="M129.44 270.194c.443 3.225.672 6.519.672 9.866 0 32.856-21.996 60.559-52.06 69.231a71.178 71.178 0 0 0 16.678 2.757c41.318 1.865 75.402-31.081 75.402-71.988 0-3.347-.229-6.641-.672-9.866-1.104-8.041 5.155-15.199 13.272-15.199h-40.02c-8.117 0-14.376 7.157-13.272 15.199z"
/>
<path
fill="url(#m)"
d="M229.941 55.432c3.344 0 6.635.228 9.859.669 8.04 1.101 15.194-5.158 15.194-13.273V13.401C254.995 6 248.995 0 241.593 0h-40.02c7.401 0 13.401 6 13.401 13.401v29.427c0 8.115-7.155 14.374-15.194 13.273a72.728 72.728 0 0 0-9.859-.669c-39.809 0-72.065 32.267-72.065 72.065s32.256 72.065 72.065 72.065c3.344 0 6.635-.228 9.859-.67 8.04-1.101 15.194 5.158 15.194 13.273v29.427c0 7.401-6 13.401-13.401 13.401h40.02c7.401 0 13.401-6 13.401-13.401v-29.427c0-8.115-7.155-14.374-15.194-13.273-3.224.442-6.516.67-9.859.67-39.809 0-72.065-32.267-72.065-72.065s32.256-72.065 72.065-72.065z"
/>
<path
fill="url(#n)"
d="M499.985 359.595h-47.144c-5.531 0-10.015 4.484-10.015 10.015s4.484 10.015 10.015 10.015h47.144c5.531 0 10.015-4.484 10.015-10.015s-4.484-10.015-10.015-10.015z"
/>
<path
fill="url(#o)"
d="M369.609 442.827c-5.531 0-10.015 4.484-10.015 10.015v47.143c0 5.531 4.484 10.015 10.015 10.015s10.015-4.484 10.015-10.015v-47.143c0-5.531-4.484-10.015-10.015-10.015z"
/>
<path
fill="url(#p)"
d="M435.545 421.382c-3.911-3.911-10.252-3.911-14.163 0s-3.911 10.252 0 14.163l33.335 33.335c3.911 3.911 10.252 3.911 14.163 0s3.911-10.252 0-14.163z"
/>
</svg>
More icons in the same style and category