Add icons to this collection by clicking the heart icon.
Shape Builder icon - also known as interface, multimedia, graphic design, graphic tool, shape builder, art and design, and edit tools. Created in a clean lineal color style with a white, silver, gray, black, magenta, 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 0c0-95.039-80.103-172.083-178.913-172.083-98.812 0-178.914 77.044-178.914 172.083s80.102 172.083 178.914 172.083C-80.103 172.083 0 95.039 0 0"
transform="translate(485.643 276.07)"
fill="#6c7fd8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-95.04-80.1-172.08-178.909-172.08-7.12 0-14.151.4-21.061 1.18C-111.09-160.88-42.12-88.19-42.12 0c0 88.19-68.97 160.89-157.85 170.91 6.91.78 13.941 1.18 21.061 1.18C-80.1 172.09 0 95.04 0 0"
transform="translate(485.64 276.068)"
fill="#5066d0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a186.65 186.65 0 0 1 35.576-3.407c98.812 0 178.913 77.044 178.913 172.083S134.388 340.76 35.576 340.76c-98.811 0-178.914-77.045-178.914-172.084 0-72.155 46.178-133.926 111.653-159.496"
transform="translate(271.153 107.393)"
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 0 44.169-138.627c2.43-7.628 12.077-9.974 17.738-4.312l94.459 94.459c5.661 5.661 3.317 15.308-4.312 17.738L13.427 13.427C5.16 16.06-2.634 8.267 0 0"
transform="translate(344.999 209.917)"
fill="#eff5f6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-94.45-94.46c-5.67-5.66-15.311-3.32-17.74 4.31l-4.331 13.61c.84.47 1.63 1.06 2.361 1.79l94.46 94.46c.729.73 1.33 1.52 1.79 2.36l13.599-4.33C3.319 15.31 5.67 5.66 0 0"
transform="translate(501.36 161.438)"
fill="#cae5e7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-41.512 13.227C-49.778 15.86-57.572 8.066-54.938-.2l44.168-138.627c2.43-7.629 12.078-9.974 17.739-4.312l94.459 94.458c5.661 5.661 3.316 15.308-4.313 17.739L31.451-10.021"
transform="translate(399.938 210.117)"
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-70.243-59.203-127.186-132.233-127.186-73.031 0-132.234 56.943-132.234 127.186 0 70.243 59.203 127.186 132.234 127.186C-59.203 127.186 0 70.243 0 0"
transform="translate(271.967 276.07)"
fill="#ff5795"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-70.24-59.21-127.18-132.239-127.18-7.17 0-14.2.55-21.061 1.61C-90.28-115.87-42.12-63.35-42.12 0c0 63.35-48.16 115.88-111.18 125.58a137.837 137.837 0 0 0 21.061 1.61C-59.21 127.19 0 70.24 0 0"
transform="translate(271.97 276.068)"
fill="#fe3581"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-56.82-38.738-104.942-92.204-121.239C-124.306-90.141-144.151-47.288-144.151 0c0 47.299 19.845 90.152 51.947 121.25C-38.738 104.942 0 56.821 0 0"
transform="translate(271.969 276.065)"
fill="#60b8ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-56.82-38.739-104.94-92.2-121.24-4.34 4.2-8.449 8.62-12.31 13.23C-67.05-85.56-42.12-45.58-42.12 0c0 45.59-24.94 85.57-62.4 108.01 3.871 4.62 7.98 9.04 12.32 13.24C-38.739 104.94 0 56.82 0 0"
transform="translate(271.97 276.068)"
fill="#26a5fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-32.102 31.098-51.947 73.951-51.947 121.239 0 47.299 19.845 90.153 51.947 121.25"
transform="translate(179.765 154.826)"
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.737 62.099-64.063 109.971-131.023 109.971-73.031 0-132.234-56.943-132.234-127.186 0-70.243 59.203-127.185 132.234-127.185C-63.547-144.4-7.88-95.788.198-32.99"
transform="translate(270.757 293.284)"
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.104"
transform="translate(363.059 276.07)"
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.104"
transform="translate(335.375 276.07)"
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.104"
transform="translate(390.742 276.07)"
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.104"
transform="translate(199.728 276.07)"
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.104"
transform="translate(172.045 276.07)"
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.104"
transform="translate(227.412 276.07)"
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.104"
transform="translate(66.705 276.07)"
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.104"
transform="translate(39.022 276.07)"
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.104"
transform="translate(94.389 276.07)"
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