Add icons to this collection by clicking the heart icon.
Shapes icon - also known as shapes, graphic, shape, graphic design, design, art and design, edit tools, shape builder tool, and designer tools. Created in a clean flat gradient style with a white, gray, and blue 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 64 64"
>
<linearGradient
id="b"
x1="7.101"
x2="42.899"
y1="21.101"
y2="56.899"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e0d9ff" />
<stop offset="1" stop-color="#c2b3ff" />
</linearGradient>
<linearGradient
id="c"
x1="34.671"
x2="61.986"
y1="2.014"
y2="29.329"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e6fdf1" />
<stop offset="1" stop-color="#b3f8d6" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#fff0aa" />
<stop offset="1" stop-color="#ffe256" />
</linearGradient>
<linearGradient
id="d"
x1="2"
x2="48"
y1="39"
y2="39"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="28"
x2="62"
y1="19"
y2="19"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M47 31v16c0 7.73-6.27 14-14 14H17C9.27 61 3 54.73 3 47V31c0-7.73 6.27-14 14-14h16c7.73 0 14 6.27 14 14z"
/>
<path
fill="url(#c)"
d="M61 11v16c0 4.42-3.58 8-8 8h-6v-4c0-7.73-6.27-14-14-14h-4v-6c0-4.42 3.58-8 8-8h16c4.42 0 8 3.58 8 8z"
/>
</svg>
More icons in the same style and category