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="a">
<stop offset="0" stop-color="#d8ecfe" />
<stop offset=".122" stop-color="#d4eafe" />
<stop offset=".259" stop-color="#c6e4fe" />
<stop offset=".404" stop-color="#afdafe" />
<stop offset=".555" stop-color="#8fcdfd" />
<stop offset=".71" stop-color="#67bcfd" />
<stop offset=".866" stop-color="#36a8fd" />
<stop offset="1" stop-color="#0593fc" />
</linearGradient>
<linearGradient
id="d"
x1="93.998"
x2="514.726"
y1="55.002"
y2="475.731"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="451.498"
x2="41.836"
y1="412.502"
y2="2.841"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#7bacdf" stop-opacity="0" />
<stop offset="1" stop-color="#024c67" />
</linearGradient>
<linearGradient
id="f"
x1="404.195"
x2="317.195"
y1="360.216"
y2="346.216"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="-286.968"
x2="-286.968"
y1="-794.72"
y2="-692.329"
gradientTransform="rotate(-135 282.036 -466.027)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="59.702"
x2="96.295"
y1="116.089"
y2="77.905"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="181.919"
x2="372.339"
y1="8.15"
y2="198.57"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="255"
x2="255"
y1="163.566"
y2="270.761"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="214.007"
x2="285.337"
y1="398.916"
y2="470.245"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#80d261" />
<stop offset=".161" stop-color="#7ccf63" />
<stop offset=".342" stop-color="#6ec469" />
<stop offset=".534" stop-color="#57b373" />
<stop offset=".733" stop-color="#389b80" />
<stop offset=".936" stop-color="#107c91" />
<stop offset="1" stop-color="#017297" />
</linearGradient>
<linearGradient
id="l"
x1="256.713"
x2="256.713"
y1="495.408"
y2="414.142"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#026841" stop-opacity="0" />
<stop offset="1" stop-color="#3e5959" />
</linearGradient>
<linearGradient
id="m"
x1="188.815"
x2="303.981"
y1="260.556"
y2="375.722"
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="c">
<stop offset="0" stop-color="#fea613" stop-opacity="0" />
<stop offset="1" stop-color="#e94444" />
</linearGradient>
<linearGradient
id="n"
x1="221.447"
x2="320.394"
y1="190.333"
y2="345.821"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="o"
x1="205.688"
x2="299.587"
y1="359.059"
y2="463.054"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<path
fill="url(#d)"
d="M74.804 396.433c99.591 99.459 260.96 99.418 360.501-.122 99.572-99.57 99.256-262.104-.682-361.306a257.248 257.248 0 0 0-27.769-23.903c-2.331-1.732-5.642-.048-5.64 2.856.018 24.368-6.018 48.742-18.119 70.669a2.389 2.389 0 0 0 .395 2.849l.013.013c70.972 70.972 70.972 186.046.001 257.018-71.183 71.184-185.838 71.184-257.021-.001-70.971-70.973-70.97-186.046.001-257.018l.013-.013c.755-.755.91-1.916.394-2.851-12.08-21.895-18.113-46.232-18.12-70.555v-.072c.001-2.919-3.329-4.612-5.672-2.87a257.072 257.072 0 0 0-27.798 23.941c-99.911 99.244-100.141 261.853-.497 361.365z"
/>
<path
fill="url(#e)"
d="M98.291 372.699c86.799 86.8 226.606 86.801 313.405.001 86.542-86.543 86.542-226.861 0-313.404a219.14 219.14 0 0 0-14.079-12.919 145.668 145.668 0 0 1-14.523 38.25 2.388 2.388 0 0 0 .396 2.847l.014.014c70.972 70.972 70.972 186.047 0 257.019-71.183 71.184-185.838 71.183-257.02-.001-70.971-70.972-70.971-186.046.001-257.018l.013-.013c.755-.755.91-1.916.394-2.852a145.678 145.678 0 0 1-14.521-38.247 218.86 218.86 0 0 0-14.078 12.919c-86.543 86.544-86.544 226.861-.002 313.404z"
/>
<path
fill="url(#f)"
d="M256.713 470.977c64.686-.433 129.239-25.312 178.593-74.665.574-.574 1.127-1.16 1.695-1.739V231h-.896c-3.408 41.392-20.932 81.84-52.599 113.507-35.153 35.153-80.907 52.934-126.792 53.367v73.103z"
/>
<path
fill="url(#g)"
d="M434.623 35.006a257.248 257.248 0 0 0-27.769-23.903c-2.331-1.732-5.642-.048-5.64 2.856.018 24.368-6.018 48.742-18.119 70.669a2.389 2.389 0 0 0 .395 2.849l.013.013c61.745 61.745 69.761 156.864 24.072 227.289l52.617 52.617c73.779-99.964 65.196-242.294-25.569-332.39z"
/>
<path
fill="url(#h)"
d="m126.484 87.489.013-.013c.755-.755.91-1.916.394-2.851-12.08-21.895-18.113-46.232-18.12-70.555v-.072c.001-2.919-3.329-4.612-5.672-2.87a257.183 257.183 0 0 0-27.798 23.941C55.475 54.762 39.59 76.957 27.615 100.653l55.676 55.676c8.718-25.145 23.112-48.759 43.193-68.84z"
/>
<path
fill="url(#i)"
d="M419.265 0H90.735c-31.009 0-49.57 34.489-32.489 60.37l164.265 248.887c15.386 23.313 49.592 23.313 64.978 0L451.754 60.37C468.836 34.489 450.275 0 419.265 0z"
/>
<path
fill="url(#j)"
d="m86.372 102.986 136.139 206.271c15.386 23.313 49.592 23.313 64.978 0l136.139-206.271z"
/>
<circle cx="255" cy="439.908" r="70.092" fill="url(#k)" />
<path
fill="url(#l)"
d="M304.564 489.475c-8.087 8.087-17.669 13.792-27.857 17.094l-88.356-88.346-.02.01c3.302-10.198 9.006-19.789 17.104-27.887 27.372-27.372 71.757-27.372 99.129 0s27.372 71.757 0 99.129z"
/>
<circle cx="255" cy="326.741" r="113.167" fill="url(#m)" />
<path
fill="url(#n)"
d="m178.82 243.059 43.691 66.198c15.386 23.313 49.592 23.313 64.978 0l43.691-66.198c-43.111-39.307-109.249-39.307-152.36 0z"
/>
<path
fill="url(#o)"
d="M321.645 418.218a69.762 69.762 0 0 0-17.083-27.872c-27.372-27.372-71.752-27.372-99.124 0a69.762 69.762 0 0 0-17.083 27.872c39.587 28.916 93.703 28.916 133.29 0z"
/>
</svg>
More icons in the same style and category