Add icons to this collection by clicking the heart icon.
Design icon - also known as shapes, studio, group, shape, design, objects, creative, geometric shapes, grouped, art and design, and edit tools. Created in a clean filled style with a white and black 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="b" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="c" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="d" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="e" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="f" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="g" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="h" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="i" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="j" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<mask id="a">
<rect width="100%" height="100%" fill="#fff" />
<path
d="M15.677 496.048h55.82v-55.819h-55.82zM228.768 496.048h55.82v-55.819h-55.82zM15.677 71.771h55.82V15.952h-55.82zM441.858 496.048h55.819v-55.819h-55.819zM441.858 283.22h55.819v-55.819h-55.819zM15.009 283.22h55.819v-55.819H15.009ZM441.858 71.771h55.819V15.952h-55.819zM228.09 71.771h55.819V15.952H228.09Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h112.179c14.198 0 25.709-11.51 25.709-25.709v-112.179c0-14.198-11.511-25.709-25.709-25.709H0c-14.199 0-25.709 11.511-25.709 25.709v112.179C-25.709-11.51-14.199 0 0 0"
transform="matrix(1.33333 0 0 -1.33333 271.617 235.36)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h112.179c14.198 0 25.709-11.51 25.709-25.709v-112.179c0-14.198-11.511-25.709-25.709-25.709H0c-14.199 0-25.709 11.511-25.709 25.709v112.179C-25.709-11.51-14.199 0 0 0Z"
transform="matrix(1.33333 0 0 -1.33333 271.617 235.36)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-34.806-60.285c-9.895-17.14 2.474-38.564 22.265-38.564H57.07c19.791 0 32.16 21.424 22.264 38.564L44.529 0C34.634 17.14 9.895 17.14 0 0"
transform="matrix(1.33333 0 0 -1.33333 177.942 164.634)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-34.806-60.285c-9.895-17.14 2.474-38.564 22.265-38.564H57.07c19.791 0 32.16 21.424 22.264 38.564L44.529 0C34.634 17.14 9.895 17.14 0 0Z"
transform="matrix(1.33333 0 0 -1.33333 177.942 164.634)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 41.309 33.487 74.796 74.795 74.796 41.309 0 74.795-33.487 74.795-74.796 0-41.308-33.486-74.795-74.795-74.795C33.487-74.795 0-41.308 0 0"
transform="matrix(1.33333 0 0 -1.33333 345.342 453.49)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 41.309 33.487 74.796 74.795 74.796 41.309 0 74.795-33.487 74.795-74.796 0-41.308-33.486-74.795-74.795-74.795C33.487-74.795 0-41.308 0 0Z"
transform="matrix(1.33333 0 0 -1.33333 345.342 453.49)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</mask>
<g mask="url(#a)">
<g
clip-path="url(#b)"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
>
<path
d="M0 0h-157.271"
transform="translate(441.858 468.138)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="45.354,65.197,0,0"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0h-157.271"
transform="translate(228.768 468.138)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="45.354,65.197,0,0"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0h-157.271"
transform="translate(441.858 43.862)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="45.354,65.197,0,0"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0h-157.271"
transform="translate(228.768 43.862)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="45.354,65.197,0,0"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0v157.271"
transform="translate(468.815 70.82)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="45.354,65.197,0,0"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0v157.271"
transform="translate(468.815 283.91)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="45.354,65.197,0,0"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0v157.271"
transform="translate(44.54 70.82)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="45.354,65.197,0,0"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0v157.271"
transform="translate(44.54 283.91)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="45.354,65.197,0,0"
stroke-dashoffset="0"
stroke-opacity="1"
/>
</g>
<path
d="M15.677 496.048h55.82v-55.819h-55.82z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g
clip-path="url(#c)"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
>
<path
d="M15.677 496.048h55.82v-55.819h-55.82z"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="M228.768 496.048h55.82v-55.819h-55.82z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g
clip-path="url(#d)"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
>
<path
d="M228.768 496.048h55.82v-55.819h-55.82z"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="M15.677 71.771h55.82V15.952h-55.82z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g
clip-path="url(#e)"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
>
<path
d="M15.677 71.771h55.82V15.952h-55.82z"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="M441.858 496.048h55.819v-55.819h-55.819z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g
clip-path="url(#f)"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
>
<path
d="M441.858 496.048h55.819v-55.819h-55.819z"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="M441.858 283.22h55.819v-55.819h-55.819z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g
clip-path="url(#g)"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
>
<path
d="M441.858 283.22h55.819v-55.819h-55.819z"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="M15.009 283.22h55.819v-55.819H15.009Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g
clip-path="url(#h)"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
>
<path
d="M15.009 283.22h55.819v-55.819H15.009Z"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="M441.858 71.771h55.819V15.952h-55.819z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g
clip-path="url(#i)"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
>
<path
d="M441.858 71.771h55.819V15.952h-55.819z"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="M228.09 71.771h55.819V15.952H228.09Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g
clip-path="url(#j)"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
>
<path
d="M228.09 71.771h55.819V15.952H228.09Z"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h112.179c14.198 0 25.709-11.51 25.709-25.709v-112.179c0-14.198-11.511-25.709-25.709-25.709H0c-14.199 0-25.709 11.511-25.709 25.709v112.179C-25.709-11.51-14.199 0 0 0"
transform="translate(203.713 335.48)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h112.179c14.198 0 25.709-11.51 25.709-25.709v-112.179c0-14.198-11.511-25.709-25.709-25.709H0c-14.199 0-25.709 11.511-25.709 25.709v112.179C-25.709-11.51-14.199 0 0 0Z"
transform="translate(203.713 335.48)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-34.806-60.285c-9.895-17.14 2.474-38.564 22.265-38.564H57.07c19.791 0 32.16 21.424 22.264 38.564L44.529 0C34.634 17.14 9.895 17.14 0 0"
transform="translate(133.457 388.524)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-34.806-60.285c-9.895-17.14 2.474-38.564 22.265-38.564H57.07c19.791 0 32.16 21.424 22.264 38.564L44.529 0C34.634 17.14 9.895 17.14 0 0Z"
transform="translate(133.457 388.524)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 41.309 33.487 74.796 74.795 74.796 41.309 0 74.795-33.487 74.795-74.796 0-41.308-33.486-74.795-74.795-74.795C33.487-74.795 0-41.308 0 0"
transform="translate(259.006 171.883)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 41.309 33.487 74.796 74.795 74.796 41.309 0 74.795-33.487 74.795-74.796 0-41.308-33.486-74.795-74.795-74.795C33.487-74.795 0-41.308 0 0Z"
transform="translate(259.006 171.883)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</g>
</svg>
More icons in the same style and category