Add icons to this collection by clicking the heart icon.
Shape icon - also known as figure, abstract, shape, conceptual, and shapes and symbols. Created in a clean color 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 510 510"
>
<linearGradient
id="e"
x1="923.647"
x2="1204.805"
y1="-863.647"
y2="-582.489"
gradientTransform="rotate(90 978.768 0)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#feaee1" />
<stop offset=".136" stop-color="#fda9dd" />
<stop offset=".29" stop-color="#fb9bd2" />
<stop offset=".453" stop-color="#f785c0" />
<stop offset=".622" stop-color="#f265a6" />
<stop offset=".796" stop-color="#ec3c85" />
<stop offset=".971" stop-color="#e40b5d" />
<stop offset="1" stop-color="#e30256" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#5b3374" stop-opacity="0" />
<stop offset="1" stop-color="#5b3374" />
</linearGradient>
<linearGradient
id="f"
x1="255.499"
x2="255.499"
y1="125.862"
y2="196.22"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="273.836"
x2="103.546"
y1="262.612"
y2="92.322"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="1064.024"
x2="1064.024"
y1="-560.369"
y2="-504.042"
gradientTransform="rotate(90 978.768 0)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="446.995"
x2="328.788"
y1="234.291"
y2="116.084"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#ffe177" />
<stop offset=".167" stop-color="#ffdd73" />
<stop offset=".356" stop-color="#ffd065" />
<stop offset=".556" stop-color="#ffbc4e" />
<stop offset=".763" stop-color="#fea02f" />
<stop offset=".974" stop-color="#fe7c06" />
<stop offset="1" stop-color="#fe7701" />
</linearGradient>
<linearGradient
id="j"
x1="38.223"
x2="131.919"
y1="133.14"
y2="226.835"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="273.951"
x2="346.468"
y1="145.311"
y2="217.828"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#d9b1ee" />
<stop offset="1" stop-color="#814aa0" />
</linearGradient>
<linearGradient
id="l"
x1="119.112"
x2="257.511"
y1="278.276"
y2="416.675"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="m"
x1="304.676"
x2="56.327"
y1="463.839"
y2="215.49"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="n"
x1="439.568"
x2="484.794"
y1="160.995"
y2="206.221"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#fea613" stop-opacity="0" />
<stop offset="1" stop-color="#e94444" />
</linearGradient>
<linearGradient
id="o"
x1="67.406"
x2="158.727"
y1="89.278"
y2="222.018"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="p"
x1="275.856"
x2="362.685"
y1="118.471"
y2="217.777"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="q"
x1="430.088"
x2="464.521"
y1="142.216"
y2="169.663"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="r"
x1="55.97"
x2="189"
y1="175.077"
y2="308.107"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="s"
x1="255.031"
x2="348.384"
y1="180.615"
y2="273.968"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#e)"
d="M471.662 139.646V30.866c0-16.771-13.596-30.367-30.367-30.367H69.703c-16.771 0-30.367 13.596-30.367 30.367v108.78c0 16.771 13.596 30.367 30.367 30.367h371.592c16.771.001 30.367-13.595 30.367-30.367z"
/>
<path
fill="url(#f)"
d="M39.336 64.485v75.161c0 16.771 13.596 30.367 30.367 30.367h371.592c16.771 0 30.367-13.596 30.367-30.367V64.485z"
/>
<path fill="url(#g)" d="M157.172 121.881v48.133h48.132z" />
<path
fill="url(#h)"
d="M292.73.499h148.565c16.771 0 30.367 13.596 30.367 30.367v108.78c0 16.771-13.596 30.367-30.367 30.367H292.73z"
/>
<path fill="url(#i)" d="M366.012 136.602v33.411h33.411z" />
<circle cx="92.069" cy="186.986" r="92.069" fill="url(#j)" />
<circle cx="315.626" cy="186.986" r="71.258" fill="url(#k)" />
<path
fill="url(#l)"
d="m297.6 198.495-222.671.005c-19.658 0-35.593 15.929-35.593 35.587 0 54.109.001 157.637.003 222.689.001 33.182 30.341 58.237 62.867 51.675 124.19-25.054 222.026-122.884 247.08-247.089 6.562-32.527-18.503-62.867-51.686-62.867z"
/>
<path
fill="url(#m)"
d="m248.159 273.309-115.542.003c-10.2 0-18.469 8.266-18.469 18.466l.001 115.551c.001 17.217 15.744 30.218 32.621 26.814 64.441-13 115.207-63.763 128.207-128.212 3.406-16.879-9.6-32.622-26.818-32.622z"
/>
<circle cx="465.559" cy="186.986" r="44.441" fill="url(#n)" />
<path
fill="url(#o)"
d="M182.562 170.017H69.703c-16.767 0-30.371-13.603-30.371-30.371v-28.145c35.91-25.151 85.762-21.687 117.839 10.38 13.644 13.643 22.107 30.5 25.391 48.136z"
/>
<path
fill="url(#p)"
d="M384.845 170.017H246.407c2.994-12.246 9.272-23.853 18.833-33.414 27.825-27.836 72.947-27.836 100.772 0 9.562 9.56 15.839 21.168 18.833 33.414z"
/>
<path
fill="url(#q)"
d="M471.485 142.95c-1.647 15.22-14.541 27.067-30.191 27.067h-16.807a44.189 44.189 0 0 1 9.651-14.452c10.191-10.19 24.094-14.392 37.347-12.615z"
/>
<path
fill="url(#r)"
d="M183.42 198.501c-2.455 19.591-11.198 38.544-26.249 53.585-32.077 32.077-81.929 35.54-117.839 10.38v-28.374c0-19.661 15.939-35.59 35.6-35.59H183.42z"
/>
<path
fill="url(#s)"
d="M350.303 249.251c-27.117 15.13-62.018 11.168-85.063-11.877-10.978-10.978-17.625-24.642-19.931-38.884h52.287c29.004.001 51.819 23.185 52.707 50.761z"
/>
</svg>
More icons in the same style and category