Add icons to this collection by clicking the heart icon.
Puzzle Piece icon - also known as education, maths, Theory, game, learning, and puzzle piece. 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 512 512"
>
<linearGradient id="a">
<stop offset="0" stop-color="#230be0" />
<stop offset="1" stop-color="#fc54ff" />
</linearGradient>
<linearGradient
id="c"
x1="74.981"
x2="437.02"
y1="437.019"
y2="74.98"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="d"
cx="256.001"
cy="256"
r="256"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#8d00db" stop-opacity=".6" />
<stop offset=".322" stop-color="#bc24ea" stop-opacity=".407" />
<stop offset=".61" stop-color="#df3ef6" stop-opacity=".234" />
<stop offset=".846" stop-color="#f44efc" stop-opacity=".093" />
<stop offset="1" stop-color="#fc54ff" stop-opacity="0" />
</radialGradient>
<linearGradient
id="e"
x1="-347.349"
x2="471.461"
y1="896.827"
y2="78.017"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#fc54ff" />
<stop offset=".22" stop-color="#fd75ff" />
<stop offset=".702" stop-color="#fec8ff" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="f"
x1="582.939"
x2="92.32"
y1="506.197"
y2="15.577"
gradientTransform="matrix(-1 0 0 1 592 0)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="710.87"
x2="-6.752"
y1="448.058"
y2="-269.565"
gradientTransform="matrix(-1 0 0 1 592 0)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="-310.597"
x2="812.698"
y1="1079.438"
y2="-43.857"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="-178.39"
x2="622.817"
y1="763.941"
y2="-37.266"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="-270.01"
x2="742.452"
y1="786.739"
y2="-225.723"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<circle cx="256" cy="256" r="256" fill="url(#c)" />
<circle cx="256" cy="256" r="256" fill="url(#d)" />
<path
fill="url(#e)"
d="M162.57 313.406c10.257 6.573 23.482-.555 23.421-12.61-.136-24.575-.189-49.151-.157-73.726.014-12.054-13.292-19.282-23.547-12.811.048-14.259.133-28.518.257-42.777a6273.962 6273.962 0 0 1 186.95.001c.3 34.563.377 69.126.229 103.689-10.208-6.333-23.565 1.027-23.613 13.079-.108 24.56-.299 49.12-.575 73.68-.123 12.057 12.934 19.052 23.151 12.342a8038.536 8038.536 0 0 1-.828 42.799 2392.628 2392.628 0 0 1-183.679.001 8017.034 8017.034 0 0 1-1.609-103.667z"
/>
<path
fill="url(#f)"
d="M132.734 294.417a7834.471 7834.471 0 0 1 22.62 15.017c10.595 41.013 21.414 82.292 32.146 123.702-15-.47-30-1.095-45-1.874-16.542-.887-30.499-15.232-31.051-31.764-.99-30.929-1.69-61.859-2.1-92.788-.16-11.787 13.111-18.781 23.385-12.293z"
/>
<path
fill="url(#g)"
d="M140.219 156.718c20.402-.46 40.804-.799 61.206-1.016a13391.668 13391.668 0 0 1-46.354 63.098 6206.062 6206.062 0 0 1-22.568 14.11c-10.243 6.364-23.595-.835-23.547-12.621.079-14.1.033-10.73.246-32.8.187-16.535 14.127-30.361 31.017-30.771z"
/>
<path
fill="url(#h)"
d="M378.419 354.864a12953.23 12953.23 0 0 0-22.572 14.695 9749.15 9749.15 0 0 0-31.347 63.58c15-.47 30-1.095 45-1.874 16.544-.887 30.499-15.231 31.051-31.764.35-10.93.663-21.86.941-32.79.309-11.784-12.799-18.511-23.073-11.847z"
/>
<path
fill="url(#i)"
d="M371.781 156.718a5129.492 5129.492 0 0 0-45.904-.83c10.527 41.46 20.96 82.748 30.985 123.732 7.485 4.612 14.96 9.193 22.422 13.733 10.146 6.193 23.547-1.265 23.648-13.053.245-30.937.201-61.873-.133-92.81-.188-16.536-14.128-30.362-31.018-30.772z"
/>
<path
fill="url(#j)"
d="M341.539 270.144a5611.296 5611.296 0 0 0 15.323 9.476c.161-30.946.129-61.892-.098-92.837-.131-16.765-13.997-30.646-30.888-30.894-8.599-.117-17.199-.213-25.798-.286-12.056-.096-19.407-13.466-13.029-23.654a13391.68 13391.68 0 0 0 22.761-36.51c12.496-20.094-2.377-47.113-25.94-47.473-18.58-.237-37.16-.237-55.74 0-23.564.36-38.437 27.379-25.94 47.473a13547.23 13547.23 0 0 0 22.761 36.51c6.378 10.188-.973 23.558-13.029 23.654-8.599.074-17.199.169-25.798.286-8.445.115-16.127 3.664-21.724 9.254-5.595 5.603-9.102 13.243-9.164 21.64a7428.945 7428.945 0 0 0-.165 32.018 8125.996 8125.996 0 0 0 15.399-9.659c20.351-11.871 46.066 2.56 46.068 26.353-.005 19.014.017 38.029.068 57.043.037 23.809-25.52 38.126-45.851 26.054-5.131-3.055-10.265-6.109-15.401-9.158.284 30.72.759 61.441 1.425 92.161.386 16.763 14.177 31.008 30.721 31.543a2185.01 2185.01 0 0 0 137 0c16.544-.536 30.335-14.781 30.721-31.543.232-10.679.44-21.358.625-32.036a21786.52 21786.52 0 0 0-15.351 10.025c-20.215 12.326-45.454-1.834-45.363-25.654.111-19.014.194-38.029.249-57.043.056-23.793 25.872-38.367 46.158-26.743z"
/>
</svg>
More icons in the same style and category