Add icons to this collection by clicking the heart icon.
Shapes icon - also known as game, shapes, cross, square, circle, children, geometry, shape, baby, baby toy, wooden, toys, and kid and baby. Created in a clean lineal color style with a silver, gray, black, red, yellow, teal, orange, and pink finish, 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-30v-497H0c16.568 0 30 13.432 30 30v437C30-13.432 16.568 0 0 0"
transform="translate(474.5 504.5)"
fill="#ffad84"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v437c0 16.568-13.432 30-30 30h-407c-16.568 0-30-13.432-30-30V0c0-16.568 13.432-30 30-30h407C-13.432-30 0-16.568 0 0"
transform="translate(474.5 37.5)"
fill="#ffd4a1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30v-158.5H0c8.284 0 15 6.716 15 15V-15C15-6.716 8.284 0 0 0"
transform="translate(211 444.5)"
fill="#fe5e49"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-34.25l-30-79.25 30-79.25H0c8.284 0 15 6.716 15 15V-15C15-6.716 8.284 0 0 0"
transform="translate(181 444.5)"
fill="#fc7e49"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-8.284 0-15-6.716-15-15v-128.5c0-8.284 6.716-15 15-15h64.25V0Z"
transform="translate(82.5 444.5)"
fill="#f4de48"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30v30c0 8.284-6.716 15-15 15h-30v-158.5h30c8.284 0 15 6.716 15 15v30H0c8.284 0 15 6.716 15 15V-15C15-6.716 8.284 0 0 0"
transform="translate(429.5 399.5)"
fill="#2ba3c2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v38.5c0 8.284-6.716 15-15 15h-30v30c0 8.284-6.716 15-15 15h-8.5c-8.284 0-15-6.716-15-15v-30h-30c-8.284 0-15-6.716-15-15V0c0-8.284 6.716-15 15-15h30v-30c0-8.284 6.716-15 15-15h8.5c8.284 0 15 6.716 15 15v30h30C-6.716-15 0-8.284 0 0"
transform="translate(414.5 346)"
fill="#3ac7cf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-8.284 0-15-6.716-15-15v-128.5c0-8.284 6.716-15 15-15h38.25l72 79.25L90.25 0z"
transform="translate(301 226)"
fill="#83b3f1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30v-158.5H0c8.284 0 15 6.716 15 15V-15C15-6.716 8.284 0 0 0"
transform="translate(429.5 226)"
fill="#554fb2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-8.25c0-79.25-52-79.25-52-158.5H0c8.284 0 15 6.716 15 15V-15C15-6.716 8.284 0 0 0"
transform="translate(399.5 226)"
fill="#736dd9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-158.5c43.769 0 79.25 35.481 79.25 79.25S43.769 0 0 0"
transform="translate(146.75 226)"
fill="#c6415d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 43.769-22.05 79.25-49.25 79.25-43.769 0-79.25-35.481-79.25-79.25s35.481-79.25 79.25-79.25C-22.05-79.25 0-43.769 0 0"
transform="translate(196 146.75)"
fill="#ff3a33"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-437c-16.568 0-30 13.432-30 30v437c0 16.568 13.432 30 30 30H0c16.568 0 30-13.432 30-30V30C30 13.432 16.568 0 0 0Z"
transform="translate(474.5 7.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 0v-158.5"
transform="translate(146.75 444.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 0v128.5c0 8.284-6.716 15-15 15h-128.5c-8.284 0-15-6.716-15-15V0c0-8.284 6.716-15 15-15H-15C-6.716-15 0-8.284 0 0z"
transform="translate(226 301)"
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-30v30c0 8.284-6.716 15-15 15h-38.5c-8.284 0-15-6.716-15-15V0h-30c-8.284 0-15-6.716-15-15v-38.5c0-8.284 6.716-15 15-15h30v-30c0-8.284 6.716-15 15-15H-45c8.284 0 15 6.716 15 15v30H0c8.284 0 15 6.716 15 15V-15C15-6.716 8.284 0 0 0Z"
transform="translate(429.5 399.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 0c0-79.25-52-79.25-52-158.5"
transform="translate(391.25 226)"
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 0h128.5c8.284 0 15-6.716 15-15v-128.5c0-8.284-6.716-15-15-15H0c-8.284 0-15 6.716-15 15V-15C-15-6.716-8.284 0 0 0z"
transform="translate(301 226)"
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 0c-8.593-12.67-13.615-27.959-13.615-44.422 0-43.768 35.481-79.25 79.25-79.25 43.768 0 79.25 35.482 79.25 79.25 0 43.769-35.482 79.25-79.25 79.25-16.463 0-31.751-5.022-44.422-13.615"
transform="translate(81.115 191.172)"
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