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 glyph 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.8 23.8v-47.5h-47.5v47.5zm.2.2h-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.8 23.8-47.6-47.6"
clip-path="url(#h)"
/>
<path
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
d="m-23.8 23.8 47.6-47.6"
clip-path="url(#i)"
/>
<path
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
d="M0 10c-5.5 0-10-4.5-10-10s4.5-10 10-10S10-5.5 10 0 5.5 10 0 10z"
clip-path="url(#j)"
/>
<path
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
d="M0 20c-11.1 0-20-8.9-20-20s8.9-20 20-20 20 8.9 20 20-8.9 20-20 20z"
clip-path="url(#k)"
/>
<path
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
d="M14 18h-28c-2.2 0-4-1.8-4-4v-28c0-2.2 1.8-4 4-4h28c2.2 0 4 1.8 4 4v28c0 2.2-1.8 4-4 4z"
clip-path="url(#l)"
/>
<path
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
d="M16 16h-32c-2.2 0-4-1.8-4-4v-24c0-2.2 1.8-4 4-4h32c2.2 0 4 1.8 4 4v24c0 2.2-1.8 4-4 4z"
clip-path="url(#m)"
/>
<path
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
d="M16-16v32c0 2.2-1.8 4-4 4h-24c-2.2 0-4-1.8-4-4v-32c0-2.2 1.8-4 4-4h24c2.2 0 4 1.8 4 4z"
clip-path="url(#n)"
/>
<g clip-path="url(#o)">
<path d="M23.8 23.8v-47.5h-47.5v47.5zm.2.2h-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>
<g fill="#001e30">
<path
d="M22 14.4c0 2.7-2.2 4.8-4.8 4.8-2 0-3.7-1.2-4.4-2.9h3.9c1.1 0 1.9-.9 1.9-1.9V9.8c2 .6 3.4 2.5 3.4 4.6zM12.9 18.7c-.2.3-.5.5-.8.5H3c-.3 0-.7-.2-.8-.5-.2-.3-.2-.7 0-1l3.9-6.6v3.2c0 1.1.9 1.9 1.9 1.9h4l.9 1.4c.2.5.2.8 0 1.1zM17.7 5.7v2.9h-1.1c-2.7.3-4.7 2.3-5.1 4.9L9.2 9.7c-.2-.3-.4-.5-.7-.7-.1-.1-.3-.1-.5-.2-.3-.1-.7-.1-1 0V5.7c0-.5.4-1 1-1h8.7c.5.1 1 .5 1 1z"
/>
<path
d="M17.7 9.6v4.8c0 .5-.4 1-1 1h-4.2c-.1-.3-.1-.6-.1-1 0-2.5 1.9-4.6 4.3-4.8h.5zM11.5 15.4H8c-.5 0-1-.4-1-1V9.8c.1-.1.3-.1.5-.1s.3 0 .5.1l.3.3 2.5 4.2z"
/>
</g>
</svg>
More icons in the same style and category