Add icons to this collection by clicking the heart icon.
Shape Builder icon - also known as interface, multimedia, graphic design, graphic tool, shape builder, and edit tools. Created in a clean outline gradient 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="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="374.254"
x2="374.254"
y1="445.034"
y2="61.423"
gradientUnits="userSpaceOnUse"
>
<stop offset=".322" stop-color="#a163f5" />
<stop offset=".466" stop-color="#b074ee" />
<stop offset=".752" stop-color="#d8a1dd" />
<stop offset=".898" stop-color="#efbad3" />
</linearGradient>
<linearGradient
id="b"
x1="413.804"
x2="413.804"
y1="445.034"
y2="61.423"
href="#a"
/>
<linearGradient
id="c"
x1="295.153"
x2="295.153"
y1="445.034"
y2="61.423"
href="#a"
/>
<linearGradient
id="d"
x1="334.704"
x2="334.704"
y1="445.034"
y2="61.423"
href="#a"
/>
<linearGradient
id="e"
x1="57.853"
x2="57.853"
y1="445.034"
y2="61.423"
href="#a"
/>
<linearGradient
id="f"
x1="176.503"
x2="176.503"
y1="445.034"
y2="61.423"
href="#a"
/>
<linearGradient
id="g"
x1="216.053"
x2="216.053"
y1="445.034"
y2="61.423"
href="#a"
/>
<linearGradient
id="h"
x1="136.953"
x2="136.953"
y1="445.034"
y2="61.423"
href="#a"
/>
<linearGradient
id="i"
x1="97.402"
x2="97.402"
y1="445.034"
y2="61.423"
href="#a"
/>
<linearGradient
id="j"
x1="325.553"
x2="325.553"
y1="445.035"
y2="61.423"
href="#a"
/>
<linearGradient
id="k"
x1="253.809"
x2="253.809"
y1="445.034"
y2="61.424"
href="#a"
/>
<path
fill="url(#a)"
d="M390.142 227.6a6 6 0 0 0-6-6h-19.776a6 6 0 0 0 0 12h19.776a6 6 0 0 0 6-6z"
/>
<path
fill="url(#b)"
d="M403.917 233.6h19.774a6 6 0 0 0 0-12h-19.774a6 6 0 0 0 0 12z"
/>
<path
fill="url(#c)"
d="M305.041 221.6h-19.775a6 6 0 0 0 0 12h19.775a6 6 0 0 0 0-12z"
/>
<path
fill="url(#d)"
d="M344.592 221.6h-19.776a6 6 0 0 0 0 12h19.776a6 6 0 0 0 0-12z"
/>
<path
fill="url(#e)"
d="M47.965 221.6a6 6 0 0 0 0 12H67.74a6 6 0 0 0 0-12z"
/>
<path
fill="url(#f)"
d="M186.391 233.6a6 6 0 0 0 0-12h-19.776a6 6 0 0 0 0 12z"
/>
<path
fill="url(#g)"
d="M225.94 233.6a6 6 0 0 0 0-12h-19.774a6 6 0 0 0 0 12z"
/>
<path
fill="url(#h)"
d="M127.065 233.6h19.776a6 6 0 0 0 0-12h-19.776a6 6 0 1 0 0 12z"
/>
<path
fill="url(#i)"
d="M81.515 227.6a6 6 0 0 0 6 6h19.775a6 6 0 0 0 0-12H87.515a6 6 0 0 0-6 6z"
/>
<path
fill="url(#j)"
d="M336 120.623a6.1 6.1 0 0 0 1.061.094 6 6 0 0 0 1.047-11.907 111.646 111.646 0 0 0-24.307-1.627 6 6 0 0 0 .512 11.989A99.692 99.692 0 0 1 336 120.623z"
/>
<path
fill="url(#k)"
d="m491.678 353.9-56.66-45.486c15.581-24.828 24.443-53.97 24.449-80.785v-.055c-.013-80.645-65.651-146.249-146.328-146.249a145.6 145.6 0 0 0-110.839 50.79 118.523 118.523 0 0 0-50.36-21.739 5.992 5.992 0 1 0-2.012 11.814A107.045 107.045 0 1 1 24.362 233.6h3.577a6.167 6.167 0 0 0 6.249-5.815 6 6 0 0 0-6-6.185h-3.826a107.271 107.271 0 0 1 78.138-97.1 6.012 6.012 0 0 0 4.428-5.78v-.02a5.994 5.994 0 0 0-7.581-5.786 119.035 119.035 0 1 0 102.947 210.172 145.942 145.942 0 0 0 110.844 50.789 161.327 161.327 0 0 0 38.967-5.14l-.587 51.363a9.944 9.944 0 0 0 6.983 9.648 10.112 10.112 0 0 0 3.049.474 9.939 9.939 0 0 0 8.212-4.349l41.581-60.57 73.209 6.354a10 10 0 0 0 7.126-17.759zm-132.644-99.279a9.932 9.932 0 0 0-5.728 8.928l-1.059 92.721a150.364 150.364 0 0 1-39.109 5.605 133.979 133.979 0 0 1-101.593-46.433A118.759 118.759 0 0 0 250.2 233.6h15.04a6.166 6.166 0 0 0 6.249-5.815 6 6 0 0 0-6-6.185H250.2a118.246 118.246 0 0 0-19.267-59.071 5.935 5.935 0 0 0 7-2.108 97.693 97.693 0 0 1 53.306-37.531 6.152 6.152 0 0 0 4.392-7.255 6 6 0 0 0-7.456-4.348 111.077 111.077 0 0 0-60.006 42.156 5.962 5.962 0 0 0-1.112 3.522 120.038 120.038 0 0 0-15.508-17.2A134.33 134.33 0 0 1 447.326 221.6h-3.606a6.166 6.166 0 0 0-6.249 5.815 6 6 0 0 0 6 6.185h3.822c-1.181 22.5-8.9 46.4-21.71 67.233l-56.014-44.967a9.925 9.925 0 0 0-10.535-1.245zm52.184 98.624a10.011 10.011 0 0 0-9.111 4.3l-38.517 56.108 1.666-145.86 113.772 91.335z"
/>
</svg>
More icons in the same style and category