Add icons to this collection by clicking the heart icon.
Tangram icon - also known as entertainment, shapes, cube, triangles, squares, Rubik, tangram, and kid and baby. Created in a clean lineal 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="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 0h-360.969c-37.564 0-68.015-30.451-68.015-68.015v-360.97c0-37.563 30.451-68.015 68.015-68.015H0c37.564 0 68.016 30.452 68.016 68.015v360.97C68.016-30.451 37.564 0 0 0"
transform="translate(436.484 504.5)"
fill="#696eb1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 110.606 67.193 205.516 162.984 246.144H-24.488c-37.565 0-68.016-30.452-68.016-68.016v-360.969c0-37.564 30.451-68.015 68.016-68.015h199.382C72.809-213.259 0-115.135 0 0"
transform="translate(100.004 258.356)"
fill="#4c5698"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-183.5-183.5L-367 0Z"
transform="translate(439.5 439.5)"
fill="#71dbba"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-91.75-91.75h-183.5L-183.5 0Z"
transform="translate(347.75 164.25)"
fill="#7de2ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-183.5-183.5v367z"
transform="translate(256 256)"
fill="#ffb29c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-183.5l91.75 91.75z"
transform="translate(347.75 164.25)"
fill="#696eb1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-91.75-91.75L-183.5 0l91.75 91.75Z"
transform="translate(439.5 256)"
fill="#fce29f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-183.5l-91.75 91.75z"
transform="translate(439.5 439.5)"
fill="#ff8d9d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-91.75-91.75h183.5v183.5Z"
transform="translate(347.75 164.25)"
fill="#ffb29c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-98.281l57.686-57.686A267.865 267.865 0 0 0 0 0"
transform="translate(170.781 439.5)"
fill="#30cc9b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-59.313-59.314H43.422A268.081 268.081 0 0 0 0 0"
transform="translate(131.814 131.814)"
fill="#2ecffb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 44.541 10.91 86.527 30.183 123.458l-57.687 57.686v-367l59.314 59.314C11.521-88.874 0-45.784 0 0"
transform="translate(100.004 258.356)"
fill="#ff8e71"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-40.195 40.195-91.75-91.75h121.308C-9.183-33.664-5.555-16.388 0 0"
transform="translate(296.195 215.805)"
fill="#4c5698"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-26.43 26.43-91.75-91.75 40.196-40.196C-63.479-62.723-35.895-25.973 0 0"
transform="translate(374.18 321.32)"
fill="#ffcd71"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v86.1L-91.75-5.65l26.43-26.43C-45.76-17.926-23.731-6.978 0 0"
transform="translate(439.5 353.4)"
fill="#e95b70"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-13.639"
transform="translate(185.02 394.24)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-13.639"
transform="translate(326.978 394.24)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c4.55-5.221 11.243-8.525 18.713-8.525 7.469 0 14.163 3.304 18.713 8.525"
transform="translate(237.287 381.006)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v276.439c0 37.563-30.451 68.015-68.016 68.015h-360.968c-37.565 0-68.016-30.452-68.016-68.015v-360.97c0-37.564 30.451-68.015 68.016-68.015h360.968C-30.451-152.546 0-122.095 0-84.531V-30"
transform="translate(504.5 160.046)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-91.75-91.75h-183.5L-183.5 0Z"
transform="translate(347.75 164.25)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-245.102l183.5 183.5L0 121.898V30"
transform="translate(72.5 317.602)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-183.5l91.75 91.75z"
transform="translate(347.75 164.25)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-91.75-91.75L-183.5 0l91.75 91.75Z"
transform="translate(439.5 256)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-183.5l-91.75 91.75z"
transform="translate(439.5 439.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-91.75-91.75h183.5v183.5Z"
transform="translate(347.75 164.25)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-183.5-183.5L-367 0Z"
transform="translate(439.5 439.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category