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="d"
x1="355.092"
x2="500.214"
y1="355.092"
y2="500.214"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d9b1ee" />
<stop offset="1" stop-color="#814aa0" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#5b3374" stop-opacity="0" />
<stop offset="1" stop-color="#5b3374" />
</linearGradient>
<linearGradient
id="e"
x1="404.283"
x2="419.316"
y1="454.283"
y2="439.249"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="77.6"
x2="45.345"
y1="83.109"
y2="115.365"
gradientTransform="matrix(0 -1 -1 0 487.479 531.795)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="110.533"
x2="274.519"
y1="110.533"
y2="274.519"
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="h"
x1="258.805"
x2="258.805"
y1="216.374"
y2="255.319"
gradientTransform="scale(-1 1) rotate(45 0 -366.06)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="1155.06"
x2="1155.06"
y1="-540.149"
y2="-477.974"
gradientTransform="rotate(45 -433.58 -1412.084)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="164.21"
x2="196.71"
y1="236.71"
y2="204.21"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="267"
x2="242.813"
y1="243"
y2="267.187"
gradientUnits="userSpaceOnUse"
>
<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="b">
<stop offset="0" stop-color="#fea613" stop-opacity="0" />
<stop offset="1" stop-color="#e94444" />
</linearGradient>
<linearGradient
id="l"
x1="401"
x2="365.444"
y1="401"
y2="365.444"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="m"
x1="242"
x2="271.606"
y1="242"
y2="271.606"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="n"
x1="235.291"
x2="385.325"
y1="235.291"
y2="385.325"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fd3581" />
<stop offset="1" stop-color="#972437" />
</linearGradient>
<linearGradient id="c">
<stop offset="0" stop-color="#972437" stop-opacity="0" />
<stop offset="1" stop-color="#42210b" />
</linearGradient>
<linearGradient
id="o"
x1="1322.79"
x2="1322.79"
y1="-600.345"
y2="-538.17"
gradientTransform="rotate(45 -433.58 -1412.084)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="p"
x1="258.805"
x2="258.805"
y1="384.104"
y2="423.048"
gradientTransform="scale(-1 1) rotate(45 0 -366.06)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<path
fill="url(#d)"
d="m356.008 447.254 55.301 55.301c9.926 9.926 26.019 9.926 35.945 0l55.301-55.301c9.926-9.926 9.926-26.019 0-35.945l-55.301-55.301c-9.926-9.926-26.019-9.926-35.945 0l-55.301 55.301c-9.926 9.926-9.926 26.019 0 35.945z"
/>
<path
fill="url(#e)"
d="m477.83 471.98-30.58 30.58c-9.92 9.92-26.01 9.92-35.94 0l-55.3-55.31c-9.93-9.92-9.93-26.01 0-35.94l30.58-30.58z"
/>
<path
fill="url(#f)"
d="m475.88 473.93-28.626 28.626c-9.926 9.926-26.019 9.926-35.945 0l-55.301-55.301c-9.926-9.926-9.926-26.019 0-35.945l28.626-28.626z"
/>
<path
fill="url(#g)"
d="M53.659 391.101 9.818 347.26c-13.091-13.09-13.091-34.314 0-47.405L299.855 9.818c13.091-13.091 34.314-13.091 47.405 0l43.841 43.841c13.091 13.091 13.091 34.314 0 47.405L101.064 391.101c-13.09 13.091-34.314 13.091-47.405 0z"
/>
<path
fill="url(#h)"
d="m373.5 36.058 17.601 17.601c13.091 13.09 13.091 34.314 0 47.405L101.064 391.101c-13.09 13.09-34.314 13.09-47.405 0L36.058 373.5z"
/>
<path
fill="url(#i)"
d="M125.777 183.896 9.818 299.855c-13.091 13.091-13.091 34.314 0 47.405l43.841 43.841c13.091 13.091 34.314 13.09 47.405 0l115.959-115.959z"
/>
<path
fill="url(#j)"
d="m249.01 243.15-86.34 86.34-91.24-91.24 86.34-86.34z"
/>
<path
fill="url(#k)"
d="M497.095 510c-3.303 0-6.605-1.26-9.125-3.78L3.78 22.03c-5.039-5.04-5.039-13.21 0-18.25 5.04-5.039 13.21-5.039 18.25 0l484.19 484.19c5.039 5.04 5.039 13.21 0 18.25a12.863 12.863 0 0 1-9.125 3.78z"
/>
<path
fill="url(#l)"
d="m337.637 355.887 66.905 66.905 18.25-18.251-66.905-66.904z"
/>
<path
fill="url(#m)"
d="m212.423 230.673 66.904 66.904 18.251-18.25-66.905-66.905z"
/>
<path
fill="url(#n)"
d="m214.827 467.139-43.841-43.841c-13.09-13.091-13.09-34.314 0-47.405l204.907-204.907c13.091-13.09 34.314-13.09 47.405 0l43.841 43.841c13.09 13.09 13.09 34.314 0 47.405L262.232 467.139c-13.091 13.09-34.315 13.09-47.405 0z"
/>
<path
fill="url(#o)"
d="M286.944 259.934 170.985 375.893c-13.091 13.091-13.091 34.314 0 47.405l43.841 43.841c13.091 13.091 34.314 13.09 47.405 0L378.19 351.18z"
/>
<path
fill="url(#p)"
d="m449.538 197.226 17.601 17.601c13.09 13.09 13.09 34.314 0 47.405L262.232 467.139c-13.09 13.091-34.314 13.091-47.405 0l-17.601-17.601z"
/>
</svg>
More icons in the same style and category