Add icons to this collection by clicking the heart icon.
Curve icon - also known as graphic, statistics, stats, curve, line graph, analytics, business and finance, and infographic elements. Created in a clean gradient 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 512 512"
>
<radialGradient
id="f"
cx="371.618"
cy="272.23"
r="95.423"
gradientTransform="matrix(-1 0 0 -1.507 743.237 682.34)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f6e781" />
<stop offset=".476" stop-color="#f5e056" />
<stop offset=".65" stop-color="#f4dd45" />
<stop offset=".987" stop-color="#f1d334" />
<stop offset="1" stop-color="#f1d333" />
</radialGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#fffbe4" />
<stop offset=".554" stop-color="#f9efaf" />
<stop offset=".628" stop-color="#f8eea7" />
<stop offset="1" stop-color="#f6e781" />
</linearGradient>
<radialGradient
id="g"
cx="356.959"
cy="382.031"
r="45.471"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="h"
cx="381.752"
cy="200.859"
r="50.417"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="i"
cx="496.718"
cy="329.712"
r="162.058"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f4dd45" />
<stop offset=".236" stop-color="#f2d740" />
<stop offset=".552" stop-color="#edc631" />
<stop offset=".597" stop-color="#ecc32e" />
<stop offset="1" stop-color="#e49824" />
</radialGradient>
<radialGradient
id="j"
cx="266.133"
cy="188.007"
r="193.023"
gradientTransform="matrix(-1 0 0 -1.507 532.267 471.236)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".015" stop-color="#bed8fb" />
<stop offset=".476" stop-color="#93bffb" />
<stop offset=".665" stop-color="#80b4fb" />
<stop offset=".868" stop-color="#6faafa" />
<stop offset="1" stop-color="#61a2f9" />
</radialGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#f4fbff" />
<stop offset=".514" stop-color="#cbe2ff" />
<stop offset="1" stop-color="#bed8fb" />
</linearGradient>
<radialGradient
id="k"
cx="251.474"
cy="382.031"
r="45.471"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="l"
cx="276.267"
cy="80.859"
r="50.417"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="m"
cx="370.286"
cy="338.6"
r="251.452"
gradientTransform="matrix(-1 0 0 -1.096 740.571 709.701)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#80b4fb" />
<stop offset=".146" stop-color="#7aaffb" />
<stop offset=".342" stop-color="#69a1fa" />
<stop offset=".516" stop-color="#5490f9" />
<stop offset="1" stop-color="#407093" />
</radialGradient>
<linearGradient id="c">
<stop offset="0" stop-color="#aad880" />
<stop offset=".165" stop-color="#a6d67a" />
<stop offset=".385" stop-color="#9bd069" />
<stop offset=".597" stop-color="#8bc852" />
<stop offset="1" stop-color="#528e61" />
</linearGradient>
<radialGradient
id="n"
cx="160.648"
cy="230.119"
r="143.772"
gradientTransform="matrix(-1 0 0 -1.507 321.297 576.788)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#e7f6ec" />
<stop offset=".514" stop-color="#daefc8" />
<stop offset="1" stop-color="#cbe7af" />
</linearGradient>
<radialGradient
id="o"
cx="145.989"
cy="382.031"
r="45.471"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<radialGradient
id="p"
cx="170.783"
cy="140.859"
r="50.417"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<radialGradient
id="q"
cx="301.047"
cy="391.547"
r="286.66"
gradientTransform="matrix(-.234 -.972 .612 -.148 131.988 741.958)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="r"
cx="55.164"
cy="314.342"
r="50.629"
gradientTransform="matrix(-1 0 0 -1.507 110.327 787.892)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e4989d" />
<stop offset=".193" stop-color="#e38d93" />
<stop offset=".531" stop-color="#df6f79" />
<stop offset=".653" stop-color="#dd636e" />
<stop offset="1" stop-color="#da4a54" />
</radialGradient>
<linearGradient id="e">
<stop offset="0" stop-color="#fbe2dd" />
<stop offset=".514" stop-color="#eab1b7" />
<stop offset="1" stop-color="#e4989d" />
</linearGradient>
<radialGradient
id="s"
cx="40.504"
cy="382.031"
r="45.471"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<radialGradient
id="t"
cx="65.298"
cy="260.859"
r="50.417"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<radialGradient
id="u"
cx="167.635"
cy="363.594"
r="119.12"
gradientUnits="userSpaceOnUse"
>
<stop offset=".099" stop-color="#dd636e" />
<stop offset=".617" stop-color="#d82e3d" />
<stop offset=".726" stop-color="#d32e3b" />
<stop offset=".859" stop-color="#c42f37" />
<stop offset="1" stop-color="#ac3030" />
</radialGradient>
<radialGradient
id="v"
cx="273.793"
cy="3317.423"
r="253.173"
gradientTransform="matrix(.931 0 0 .112 -2.094 21.093)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c6c1c8" />
<stop offset=".243" stop-color="#dddbdf" />
<stop offset=".496" stop-color="#f1f1f4" />
<stop offset=".888" stop-color="#fff" />
</radialGradient>
<path fill="url(#f)" d="M366.222 246.444v95.235l31.241 6.459V239.986z" />
<path
fill="url(#g)"
d="M316.455 391.446h24.042c27.486 0 56.966-22.281 56.966-49.767h-31.241c0 27.486-22.282 49.767-49.767 49.767z"
/>
<path
fill="url(#h)"
d="M426.248 210.46h-24.042c-19.874 0-35.985 16.111-35.985 35.985h31.241c.001-19.874 8.913-35.985 28.786-35.985z"
/>
<path
fill="url(#i)"
d="M462.233 341.679c0 27.486 22.281 49.767 49.767 49.767H340.497c27.486 0 49.767-22.281 49.767-49.767v-95.235c0-19.874 16.111-35.985 35.985-35.985s35.985 16.111 35.985 35.985v95.235z"
/>
<path fill="url(#j)" d="M260.737 126.444v215.235l31.241 6.459V119.986z" />
<path
fill="url(#k)"
d="M210.97 391.446h24.042c27.486 0 56.966-22.281 56.966-49.767h-31.241c0 27.486-22.282 49.767-49.767 49.767z"
/>
<path
fill="url(#l)"
d="M320.763 90.46h-24.042c-19.874 0-35.985 16.111-35.985 35.985h31.241c.001-19.874 8.913-35.985 28.786-35.985z"
/>
<path
fill="url(#m)"
d="M356.748 341.679c0 27.486 22.281 49.767 49.767 49.767H235.012c27.485 0 49.767-22.281 49.767-49.767V126.444c0-19.874 16.111-35.985 35.985-35.985s35.985 16.111 35.985 35.985v215.235z"
/>
<path fill="url(#n)" d="M155.252 186.444v155.235l31.241 6.459V179.986z" />
<path
fill="url(#o)"
d="M105.485 391.446h24.042c27.486 0 56.966-22.281 56.966-49.767h-31.241c0 27.486-22.282 49.767-49.767 49.767z"
/>
<path
fill="url(#p)"
d="M215.279 150.46h-24.042c-19.874 0-35.985 16.111-35.985 35.985h31.241c0-19.874 8.912-35.985 28.786-35.985z"
/>
<path
fill="url(#q)"
d="M251.263 341.679c0 27.486 22.281 49.767 49.767 49.767H129.527c27.486 0 49.767-22.281 49.767-49.767V186.444c0-19.874 16.111-35.985 35.985-35.985s35.985 16.111 35.985 35.985v155.235z"
/>
<path fill="url(#r)" d="M49.767 306.444v35.235l31.241 6.459v-48.152z" />
<path
fill="url(#s)"
d="M0 391.446h24.042c27.486 0 56.966-22.281 56.966-49.767H49.767c0 27.486-22.281 49.767-49.767 49.767z"
/>
<path
fill="url(#t)"
d="M109.794 270.46H85.751c-19.874 0-35.985 16.111-35.985 35.984h31.241c.001-19.873 8.913-35.984 28.787-35.984z"
/>
<path
fill="url(#u)"
d="M145.778 341.679c0 27.486 22.281 49.767 49.767 49.767H24.042c27.486 0 49.767-22.281 49.767-49.767v-35.235c0-19.874 16.111-35.985 35.985-35.985s35.985 16.111 35.985 35.985v35.235z"
/>
<path
fill="url(#v)"
d="M256 421.54c135.659 0 245.633-13.474 245.633-30.094H10.367c0 16.621 109.974 30.094 245.633 30.094z"
/>
</svg>
More icons in the same style and category