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="#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="f"
x1="255"
x2="255"
y1="-10.191"
y2="349.077"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="255"
x2="255"
y1="327.227"
y2="-44.779"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<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="h"
x1="255"
x2="255"
y1="-38.596"
y2="439.883"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="255"
x2="255"
y1="735.366"
y2="151.887"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#7bacdf" stop-opacity="0" />
<stop offset="1" stop-color="#024c67" />
</linearGradient>
<linearGradient
id="j"
x1="334.935"
x2="306.935"
y1="294.822"
y2="340.322"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="166.729"
x2="206.229"
y1="279.208"
y2="350.708"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<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="l"
x1="195.597"
x2="298.962"
y1="347.742"
y2="451.106"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="m"
x1="215.195"
x2="321.563"
y1="-12.036"
y2="94.332"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#fea613" stop-opacity="0" />
<stop offset="1" stop-color="#e94444" />
</linearGradient>
<linearGradient
id="n"
x1="291.812"
x2="225.683"
y1="40.616"
y2="84.526"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="o"
x1="225.732"
x2="283.926"
y1="-44.991"
y2="56.053"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="p"
x1="255"
x2="255"
y1="285.388"
y2="542.502"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="q"
x1="237.872"
x2="325.205"
y1="313.753"
y2="487.086"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<path
fill="url(#f)"
d="m499.47 119.928-63.388-96.042c-17.626-26.706-56.81-26.706-74.436 0l-88.239 133.695c-8.718 13.209-28.098 13.209-36.816 0L148.353 23.886c-17.626-26.706-56.81-26.706-74.436 0L10.53 119.928A63.665 63.665 0 0 0 0 154.999v67.263c0 12.682 16.473 17.628 23.459 7.043l71.803-108.793c7.517-11.39 24.229-11.39 31.746 0l109.964 166.612c8.537 12.935 27.517 12.935 36.054 0L382.99 120.512c7.517-11.39 24.229-11.39 31.746 0l71.803 108.793c6.986 10.584 23.459 5.638 23.459-7.043v-67.263a63.647 63.647 0 0 0-10.528-35.071z"
/>
<path
fill="url(#g)"
d="M436.082 83.886c-17.626-26.706-56.81-26.706-74.436 0l-88.239 133.695c-8.718 13.209-28.098 13.209-36.816 0L148.353 83.886c-17.626-26.706-56.81-26.706-74.436 0L10.53 179.928A63.665 63.665 0 0 0 0 214.999v7.263c0 12.682 16.473 17.628 23.459 7.044l71.803-108.793c7.517-11.39 24.229-11.39 31.746 0l109.964 166.612c8.537 12.935 27.517 12.935 36.054 0L382.99 120.513c7.517-11.39 24.229-11.39 31.746 0l71.803 108.793c6.986 10.584 23.459 5.638 23.459-7.044v-7.263a63.662 63.662 0 0 0-10.53-35.07z"
/>
<path
fill="url(#h)"
d="m499.47 278.092-63.388-96.042c-17.626-26.706-56.81-26.706-74.436 0l-88.239 133.695c-8.718 13.209-28.098 13.209-36.816 0L148.353 182.05c-17.626-26.706-56.81-26.706-74.436 0L10.53 278.092A63.662 63.662 0 0 0 0 313.162v67.263c0 12.682 16.473 17.628 23.459 7.043l71.803-108.793c7.517-11.39 24.229-11.39 31.746 0l109.964 166.612c8.537 12.935 27.517 12.935 36.054 0L382.99 278.675c7.517-11.39 24.229-11.39 31.746 0l71.803 108.793c6.986 10.584 23.459 5.638 23.459-7.043v-67.263a63.644 63.644 0 0 0-10.528-35.07z"
/>
<path
fill="url(#i)"
d="M436.082 242.05c-17.626-26.706-56.81-26.706-74.436 0l-88.239 133.695c-8.718 13.209-28.098 13.209-36.816 0L148.353 242.05c-17.626-26.706-56.81-26.706-74.436 0L10.53 338.092A63.662 63.662 0 0 0 0 373.162v7.263c0 12.682 16.473 17.628 23.459 7.044l71.803-108.793c7.517-11.39 24.229-11.39 31.746 0l109.964 166.612c8.537 12.935 27.517 12.935 36.054 0L382.99 278.676c7.517-11.39 24.229-11.39 31.746 0l71.803 108.793c6.986 10.584 23.459 5.638 23.459-7.044v-7.263a63.662 63.662 0 0 0-10.53-35.07z"
/>
<path
fill="url(#j)"
d="m273.027 445.288 109.964-166.612c6.001-9.093 17.858-10.918 26.223-5.493V163.227c-17.277-4.069-36.597 2.202-47.568 18.823l-88.239 133.695c-4.359 6.604-11.383 9.906-18.408 9.906V454.99c6.88 0 13.759-3.234 18.028-9.702z"
/>
<path
fill="url(#k)"
d="M236.973 445.288 127.009 278.676c-6.001-9.093-17.858-10.918-26.223-5.493V163.227c17.277-4.069 36.597 2.202 47.567 18.823l88.239 133.695c4.359 6.604 11.383 9.906 18.408 9.906V454.99c-6.879 0-13.758-3.234-18.027-9.702z"
/>
<circle cx="255" cy="407.144" r="101.57" fill="url(#l)" />
<path
fill="url(#m)"
d="m248.595 123.839-73.03-110.652c-3.367-5.102.292-11.901 6.405-11.901h146.061c6.113 0 9.772 6.799 6.405 11.901l-73.031 110.652c-3.034 4.596-9.776 4.596-12.81 0z"
/>
<path
fill="url(#n)"
d="m261.404 123.839 22.77-34.5 50.261-76.153c3.367-5.102-.292-11.901-6.405-11.901H255v126c2.444.001 4.888-1.148 6.404-3.446z"
/>
<path
fill="url(#o)"
d="M174.946 5.873 255 56.619l80.054-50.747c-1.155-2.615-3.732-4.587-7.023-4.587H181.969c-3.291.001-5.868 1.972-7.023 4.588z"
/>
<path
fill="url(#p)"
d="M326.821 335.323c-13.855-13.855-30.719-22.864-48.488-27.04l-4.925 7.462c-8.718 13.209-28.098 13.209-36.816 0l-4.925-7.462c-17.769 4.176-34.633 13.185-48.488 27.04a102.21 102.21 0 0 0-10.582 12.425l64.376 97.539c8.537 12.935 27.517 12.935 36.054 0l64.376-97.539a102.375 102.375 0 0 0-10.582-12.425z"
/>
<path
fill="url(#q)"
d="M326.821 335.323a101.918 101.918 0 0 0-17.486-14.013l-35.927 54.435c-8.718 13.209-28.098 13.209-36.816 0l-35.927-54.435a102.21 102.21 0 0 0-28.068 26.438l64.376 97.539c8.537 12.935 27.517 12.935 36.054 0l64.376-97.539a102.375 102.375 0 0 0-10.582-12.425z"
/>
</svg>
More icons in the same style and category