Add icons to this collection by clicking the heart icon.
Puzzle icon - also known as puzzle, jigsaw, miscellaneous, besties, best friend forever, and bff. Created in a clean flat 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="m0 0 12.751 41.366c-14.014 121.996-117.618 216.74-243.368 216.74s-229.354-94.744-243.368-216.74L-461.234 0l-10.459-30.771c18.524-102.446 100.741-182.727 204.165-198.355l36.911 13.807 36.29-13.894C-90.612-213.812-8.103-133.421 10.459-30.771z"
transform="translate(486.617 231.894)"
fill="#3b3868"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-30.708-30.708c-5.987-5.987-7.563-15.099-3.909-22.736 7.115-14.872 4.511-33.23-7.809-45.551-12.321-12.32-30.679-14.923-45.551-7.809a19.915 19.915 0 0 1-13.97 1.201 247.57 247.57 0 0 1-1.632-28.26c0-14.809 1.315-29.311 3.832-43.396a19.892 19.892 0 0 1 11.228 1.762c14.872 7.115 33.23 4.512 45.551-7.809 12.321-12.32 14.924-30.679 7.809-45.551-3.654-7.637-2.077-16.749 3.909-22.736L0-282.843l155.563 141.422Z"
transform="translate(114.579 378.863)"
fill="#8ae1ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-30.708-30.708c-5.987-5.987-7.563-15.099-3.909-22.736 7.115-14.872 4.511-33.23-7.809-45.551-12.321-12.32-30.679-14.923-45.551-7.809a19.915 19.915 0 0 1-13.97 1.201 247.57 247.57 0 0 1-1.632-28.26c0-14.809 1.315-29.311 3.832-43.396a19.892 19.892 0 0 1 11.228 1.762c14.872 7.115 33.23 4.512 45.551-7.809 12.321-12.32 14.924-30.679 7.809-45.551-3.654-7.637-2.077-16.749 3.909-22.736L0-282.843l39.959 36.327c-35.433 68.217-35.776 141.21.047 210.146z"
transform="translate(114.579 378.863)"
fill="#42c3fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 30.167-30.167c5.986-5.986 15.098-7.562 22.736-3.908 14.871 7.114 33.23 4.511 45.551-7.81 12.32-12.32 14.923-30.678 7.809-45.55a19.895 19.895 0 0 1-1.753-5.818 246.953 246.953 0 0 1 36.911-2.767c12.332 0 24.448.921 36.291 2.68a19.91 19.91 0 0 1-1.673 5.363c-7.115 14.872-4.512 33.23 7.809 45.551 12.32 12.321 30.679 14.924 45.55 7.809 7.638-3.654 16.75-2.078 22.736 3.909L282.843 0l-134.35 148.493Z"
transform="translate(114.579 96.02)"
fill="#8ddd16"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 30.167-30.167c5.986-5.986 15.098-7.562 22.736-3.908 14.871 7.114 33.23 4.511 45.551-7.81-25.698 25.697-45.615 52.771-59.72 80.619z"
transform="translate(114.579 96.02)"
fill="#66c60a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-30.708 30.708c-5.987 5.987-15.099 7.563-22.736 3.909-14.872-7.114-33.23-4.511-45.551 7.81-12.32 12.32-14.923 30.678-7.809 45.55 3.654 7.638 2.077 16.75-3.909 22.736l-16.566 16.566c-7.811 7.811-20.474 7.811-28.284 0l-16.567-16.566c-5.986-5.986-7.562-15.098-3.909-22.736 7.115-14.872 4.512-33.23-7.809-45.55-12.32-12.321-30.679-14.924-45.55-7.81-7.638 3.654-16.75 2.078-22.736-3.909L-282.843 0l148.493-148.492Z"
transform="translate(397.421 378.863)"
fill="#ff4155"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-7.637 3.654-16.75 2.078-22.736-3.909l-30.708-30.708 38.785-38.785C-.516-45.491 19.517-18.224 45.551 7.809 33.23-4.511 14.872-7.114 0 0"
transform="translate(168.023 413.48)"
fill="#e80054"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-14.872-7.114-33.23-4.511-45.551 7.81-12.32 12.32-14.923 30.678-7.809 45.55 3.654 7.638 2.078 16.749-3.909 22.736l-30.708 30.708-141.421-141.421 141.421-141.422 30.708 30.709c5.987 5.986 7.563 15.099 3.909 22.736-7.114 14.872-4.511 33.23 7.809 45.551C-33.23-64.723-14.872-62.12 0-69.234a19.899 19.899 0 0 1 11.678-1.702A246.443 246.443 0 0 1 13.97 1.201 19.91 19.91 0 0 1 0 0"
transform="translate(485.398 272.059)"
fill="#ffdd40"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-54.389 24.174-98.419-25.036-98.419-25.036S-142.449 24.174-196.838 0c-54.39-24.173-54.39-104.462-6.043-157.988 29.787-32.979 62.524-54.488 83.269-66.141a43.259 43.259 0 0 1 42.386 0c20.745 11.653 53.482 33.162 83.269 66.141C54.39-104.462 54.39-24.173 0 0"
transform="translate(354.419 348.94)"
fill="#9181f2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-31.768 41.02-57.832 157.245-21.193 199.093 0 0-44.03 49.21-98.419 25.036-54.39-24.173-54.39-104.462-6.044-157.988C-95.868 33.162-63.131 11.653-42.387 0A43.26 43.26 0 0 1 0 0"
transform="translate(277.193 124.81)"
fill="#816ae2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c6.054 0 10.961 4.908 10.961 10.961 0 6.054-4.907 10.962-10.961 10.962h-29.619c-6.053 0-10.961-4.908-10.961-10.962v-73.077c0-6.053 4.908-10.961 10.961-10.961 6.055 0 10.962 4.908 10.962 10.961v26.269h16.304c6.054 0 10.961 4.908 10.961 10.962 0 6.053-4.907 10.961-10.961 10.961h-16.304V0Z"
transform="translate(278.302 278.877)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-16.304v13.924H2.353c6.054 0 10.961 4.908 10.961 10.961 0 6.054-4.907 10.962-10.961 10.962h-29.618c-6.054 0-10.962-4.908-10.962-10.962v-73.077c0-6.054 4.908-10.961 10.962-10.961 6.054 0 10.961 4.907 10.961 10.961v26.269H0c6.054 0 10.962 4.908 10.962 10.962C10.962-4.908 6.054 0 0 0"
transform="translate(342.41 264.953)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-10.961c-6.054 0-10.962-4.908-10.962-10.961v-73.078c0-6.053 4.908-10.961 10.962-10.961C-4.908-95 0-90.092 0-84.039v26.269c-6.054 0-10.961 4.908-10.961 10.962 0 6.054 4.907 10.961 10.961 10.961v13.924c-6.054 0-10.961 4.908-10.961 10.962C-10.961-4.908-6.054 0 0 0"
transform="translate(326.106 300.8)"
fill="#d3dcfb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-2.639 0-8.556-.02-13.973-.041v17.449l2.554.009H0c4.802 0 8.708-3.906 8.708-8.709C8.708 3.907 4.802 0 0 0m-3.707 51.067a5.86 5.86 0 0 0 5.853-5.854 5.86 5.86 0 0 0-5.853-5.853c-1.566 0-4.522-.008-7.74-.02h-2.526v11.727Zm24.142-19.564a27.599 27.599 0 0 1 3.634 13.71c0 15.317-12.46 27.777-27.776 27.777h-21.227c-6.054 0-10.962-4.907-10.962-10.961v-73.077A10.961 10.961 0 0 1-24.934-22.01h.048c.196.001 19.584.087 24.886.087 16.89 0 30.631 13.741 30.631 30.631 0 9.045-3.942 17.183-10.196 22.795"
transform="translate(192.17 227.81)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-10.961c-6.054 0-10.962-4.908-10.962-10.961v-73.078A10.96 10.96 0 0 1-10.961-95h.048c.1 0 5.224.023 10.913.045v.001c-6.054 0-10.961 4.908-10.961 10.961 0 6.054 4.907 10.962 10.961 10.962v17.458c-6.054 0-10.961 4.907-10.961 10.962 0 6.053 4.907 10.961 10.961 10.961v11.727c-6.054 0-10.961 4.908-10.961 10.962C-10.961-4.908-6.054 0 0 0"
transform="translate(178.198 300.8)"
fill="#d3dcfb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-10.962c-6.054 0-10.961-4.908-10.961-10.961v-73.078c0-6.053 4.907-10.961 10.961-10.961S0-90.092 0-84.039v26.269c-6.054 0-10.962 4.908-10.962 10.962 0 6.054 4.908 10.961 10.962 10.961v13.924c-6.054 0-10.962 4.908-10.962 10.962C-10.962-4.908-6.054 0 0 0"
transform="translate(259.646 300.8)"
fill="#d3dcfb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category