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="184.878"
x2="299.403"
y1="254.639"
y2="603.191"
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="460.708"
x2="194.259"
y1="507.463"
y2="241.014"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="255"
x2="255"
y1="443.38"
y2="543.091"
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="g"
x1="170.705"
x2="317.384"
y1="170.705"
y2="317.384"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="139.104"
x2="321.344"
y1="190.099"
y2="372.338"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fea613" stop-opacity="0" />
<stop offset="1" stop-color="#e94444" />
</linearGradient>
<linearGradient id="c">
<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="i"
x1="-6.776"
x2="87.732"
y1="194.986"
y2="289.493"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="j"
x1="419.394"
x2="504.945"
y1="184.296"
y2="269.847"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="224.19"
x2="300.672"
y1="9.018"
y2="85.499"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="l"
x1="357.116"
x2="449.053"
y1="57.584"
y2="149.52"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="m"
x1="65.799"
x2="156.795"
y1="57.915"
y2="148.911"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<path
fill="url(#d)"
d="M255 251.676c-127.297 0-233.089 92.077-254.407 213.262C-3.541 488.438 14.464 510 38.324 510h433.351c23.86 0 41.865-21.562 37.731-45.062C488.089 343.753 382.297 251.676 255 251.676z"
/>
<path
fill="url(#e)"
d="M509.407 464.938C488.089 343.753 382.297 251.676 255 251.676c-36.195 0-70.647 7.453-101.917 20.893v84.348L306.165 510h165.51c23.861 0 41.866-21.562 37.732-45.062z"
/>
<path
fill="url(#f)"
d="M.593 464.938C-3.541 488.438 14.464 510 38.324 510h433.351c23.86 0 41.865-21.562 37.731-45.062-6.471-36.781-20.734-70.873-41.008-100.53H41.6C21.327 394.066 7.063 428.157.593 464.938z"
/>
<circle cx="255" cy="255" r="144.133" fill="url(#g)" />
<path
fill="url(#h)"
d="M394.223 292.378C354.044 266.62 306.269 251.676 255 251.676s-99.044 14.944-139.223 40.702c6.324 23.642 18.757 45.99 37.306 64.539 56.287 56.287 147.547 56.287 203.834 0 18.549-18.549 30.982-40.897 37.306-64.539z"
/>
<path
fill="url(#i)"
d="M72.359 278.586c7.166-5.663 11.259-14.304 11.251-23.438V255a172.09 172.09 0 0 1 3.245-33.34c2.645-13.403-4.178-26.877-16.583-32.6l-22.865-10.547c-17.07-7.874-37.063 1.99-41.191 20.329C2.15 216.911 0 235.704 0 255c0 7.995.368 15.904 1.088 23.712 2.271 24.616 32.031 35.635 49.87 18.521a296.488 296.488 0 0 1 21.401-18.647z"
/>
<path
fill="url(#j)"
d="M426.39 255v.148c-.008 9.134 4.085 17.775 11.251 23.438a295.996 295.996 0 0 1 21.401 18.647c17.839 17.114 47.599 6.094 49.87-18.521A258.183 258.183 0 0 0 510 255c0-19.296-2.15-38.089-6.216-56.157-4.128-18.34-24.12-28.204-41.191-20.329l-22.865 10.547c-12.405 5.722-19.228 19.197-16.583 32.6A172.071 172.071 0 0 1 426.39 255z"
/>
<path
fill="url(#k)"
d="M198.405 67.204c5.108 12.712 18.273 20.149 31.831 18.185 8.086-1.172 16.354-1.779 24.764-1.779s16.678.607 24.764 1.779c13.559 1.965 26.723-5.472 31.831-18.185l9.386-23.361c7.034-17.506-3.938-36.946-22.531-40.145C284.331 1.268 269.814 0 255 0s-29.331 1.268-43.45 3.698c-18.593 3.199-29.565 22.64-22.531 40.145z"
/>
<path
fill="url(#l)"
d="m425.037 157.294 22.863-10.546c17.135-7.904 22.492-29.575 11.165-44.667a256.409 256.409 0 0 0-61.547-58.557c-15.644-10.564-37.027-4.135-44.065 13.381l-9.39 23.37c-5.107 12.711-.751 27.192 10.399 35.151a172.378 172.378 0 0 1 34.938 33.235c8.511 10.74 23.194 14.373 35.637 8.633z"
/>
<path
fill="url(#m)"
d="M120.6 148.66a172.404 172.404 0 0 1 34.938-33.235c11.149-7.959 15.506-22.44 10.399-35.151l-9.39-23.37c-7.038-17.515-28.421-23.944-44.065-13.381a256.447 256.447 0 0 0-61.547 58.557c-11.327 15.092-5.97 36.764 11.165 44.667l22.863 10.546c12.443 5.741 27.126 2.108 35.637-8.633z"
/>
</svg>
More icons in the same style and category