Add icons to this collection by clicking the heart icon.
Shape Builder icon - also known as graphic design, shape builder, art and design, edit tools, and designer tools. Created in a clean outline color style with a white, black, and navy 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="512"
height="512"
viewBox="0 0 24 24"
>
<symbol id="q" viewBox="-24 -24 48 48">
<g clip-path="url(#a)">
<g
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
>
<path
d="M-22-24v48M-20-24v48M-18-24v48M-16-24v48M-14-24v48M-12-24v48M-10-24v48M-8-24v48M-6-24v48M-4-24v48M-2-24v48M0-24v48M2-24v48M4-24v48M6-24v48M8-24v48M10-24v48M12-24v48M14-24v48M16-24v48M18-24v48M20-24v48M22-24v48"
/>
</g>
<g
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
>
<path
d="M-24 22h48M-24 20h48M-24 18h48M-24 16h48M-24 14h48M-24 12h48M-24 10h48M-24 8h48M-24 6h48M-24 4h48M-24 2h48M-24 0h48M-24-2h48M-24-4h48M-24-6h48M-24-8h48M-24-10h48M-24-12h48M-24-14h48M-24-16h48M-24-18h48M-24-20h48M-24-22h48"
/>
</g>
<path d="M23.75 23.75v-47.5h-47.5v47.5zM24 24h-48v-48h48z" />
</g>
</symbol>
<clipPath id="a"><path d="M-24-24h48v48h-48z" /></clipPath>
<symbol id="s" viewBox="-24 -24 48 48">
<g opacity=".4">
<path
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
d="M0 24v-48"
clip-path="url(#b)"
/>
<path
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
d="M24 0h-48"
clip-path="url(#c)"
/>
<path
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
d="M24 8h-48"
clip-path="url(#d)"
/>
<path
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
d="M24-8h-48"
clip-path="url(#e)"
/>
<path
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
d="M8-24v48"
clip-path="url(#f)"
/>
<path
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
d="M-8-24v48"
clip-path="url(#g)"
/>
<path
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
d="m23.75 23.75-47.5-47.5"
clip-path="url(#h)"
/>
<path
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
d="m-23.75 23.75 47.5-47.5"
clip-path="url(#i)"
/>
<path
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
d="M0 10c-5.522 0-10-4.477-10-10 0-5.522 4.478-10 10-10 5.523 0 10 4.478 10 10 0 5.523-4.477 10-10 10z"
clip-path="url(#j)"
/>
<path
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
d="M0 20c-11.054 0-20-8.947-20-20s8.946-20 20-20c11.053 0 20 8.947 20 20S11.053 20 0 20z"
clip-path="url(#k)"
/>
<path
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
d="M14 18h-28c-2.211 0-4-1.791-4-4v-28c0-2.209 1.789-4 4-4h28c2.21 0 4 1.791 4 4v28c0 2.209-1.79 4-4 4z"
clip-path="url(#l)"
/>
<path
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
d="M16 16h-32a4 4 0 0 1-4-4v-24a4 4 0 0 1 4-4h32a4 4 0 0 1 4 4v24a4 4 0 0 1-4 4z"
clip-path="url(#m)"
/>
<path
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
d="M16-16v32a4 4 0 0 1-4 4h-24a4 4 0 0 1-4-4v-32a4 4 0 0 1 4-4h24a4 4 0 0 1 4 4z"
clip-path="url(#n)"
/>
<g clip-path="url(#o)">
<path d="M23.75 23.75v-47.5h-47.5v47.5zM24 24h-48v-48h48z" />
</g>
</g>
</symbol>
<clipPath id="b"><path d="M-24-24h48v48h-48z" /></clipPath>
<clipPath id="c"><path d="M-24-24h48v48h-48z" /></clipPath>
<clipPath id="d"><path d="M-24-24h48v48h-48z" /></clipPath>
<clipPath id="e"><path d="M-24-24h48v48h-48z" /></clipPath>
<clipPath id="f"><path d="M-24-24h48v48h-48z" /></clipPath>
<clipPath id="g"><path d="M-24-24h48v48h-48z" /></clipPath>
<clipPath id="h"><path d="M-24-24h48v48h-48z" /></clipPath>
<clipPath id="i"><path d="M-24-24h48v48h-48z" /></clipPath>
<clipPath id="j"><path d="M-24-24h48v48h-48z" /></clipPath>
<clipPath id="k"><path d="M-24-24h48v48h-48z" /></clipPath>
<clipPath id="l"><path d="M-24-24h48v48h-48z" /></clipPath>
<clipPath id="m"><path d="M-24-24h48v48h-48z" /></clipPath>
<clipPath id="n"><path d="M-24-24h48v48h-48z" /></clipPath>
<clipPath id="o"><path d="M-24-24h48v48h-48z" /></clipPath>
<clipPath id="p"><path d="M0 0h24v24H0z" /></clipPath>
<clipPath id="r"><path d="M0 0h24v24H0z" /></clipPath>
<path
fill="#023e8a"
d="M12.07 18.267H2.965l4.553-7.59.501.839v2.893h1.736z"
/>
<g fill="#fff">
<path
d="M9.755 14.41H8.02v-2.894zM16.7 5.729v4.851a3.865 3.865 0 0 0-3.376 3.83H9.755L8.02 11.515V5.729h8.68z"
/>
<path d="M16.7 10.58v3.83h-3.376a3.865 3.865 0 0 1 3.376-3.83z" />
</g>
<path
fill="#023e8a"
d="M21.04 14.41a3.857 3.857 0 1 1-7.716 0H16.7v-3.83a3.863 3.863 0 0 1 4.34 3.829z"
/>
<path
fill="#001e30"
d="M17.66 9.637V5.731a.965.965 0 0 0-.965-.965h-8.68a.965.965 0 0 0-.965.965v4.106a.964.964 0 0 0-.358.346l-4.555 7.59a.964.964 0 0 0 .828 1.46h9.108a.965.965 0 0 0 .827-1.46l-1.438-2.397h.99a4.83 4.83 0 0 0 4.725 3.858A4.828 4.828 0 0 0 22 14.41c0-2.494-1.91-4.528-4.34-4.774zm-9.645 1.87 1.743 2.904H8.015zm4.058 6.762H2.965l4.085-6.81v2.952c0 .533.432.965.965.965h2.322zm-1.19-3.858-2.537-4.228a.962.962 0 0 0-.331-.327V5.73h8.68v3.906c-2.43.246-4.34 2.28-4.34 4.774zm5.812-3.81v3.81H13.32c0-1.965 1.475-3.57 3.375-3.81zm.483 7.668a3.849 3.849 0 0 1-3.722-2.893h3.24a.965.965 0 0 0 .964-.965v-3.81c1.9.24 3.376 1.845 3.376 3.81a3.858 3.858 0 0 1-3.858 3.858z"
/>
</svg>
More icons in the same style and category