Add icons to this collection by clicking the heart icon.
Timeline icon - also known as data, graphic, graph, visualization, speech bubble, structure, organization, timeline, 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="SVGID_1_"
cx="142.516"
cy="126.446"
gradientTransform="matrix(1 0 0 -1 0 491.591)"
gradientUnits="userSpaceOnUse"
r="93.163"
>
<stop offset="0" stop-color="#e4989d" />
<stop offset=".1925" stop-color="#e38d93" />
<stop offset=".5311" stop-color="#df6f79" />
<stop offset=".6532" stop-color="#dd636e" />
<stop offset="1" stop-color="#da4a54" />
</radialGradient>
<radialGradient
id="SVGID_2_"
cx="58.671"
cy="150.88"
gradientUnits="userSpaceOnUse"
r="80.527"
>
<stop offset="0" stop-color="#bed8fb" />
<stop offset=".4718" stop-color="#93bffb" />
<stop offset=".6651" stop-color="#80b4fb" />
<stop offset=".8679" stop-color="#6faafa" />
<stop offset="1" stop-color="#61a2f9" />
</radialGradient>
<radialGradient
id="SVGID_3_"
cx="67.262"
cy="56.796"
gradientUnits="userSpaceOnUse"
r="101.699"
>
<stop offset="0" stop-color="#f4fbff" />
<stop offset=".5145" stop-color="#cbe2ff" />
<stop offset="1" stop-color="#bed8fb" />
</radialGradient>
<linearGradient id="lg1">
<stop offset="0" stop-color="#fff" />
<stop offset=".0652" stop-color="#fdfdfd" />
<stop offset=".5145" stop-color="#f1f1f4" />
<stop offset=".9782" stop-color="#dfdde2" />
</linearGradient>
<radialGradient
id="SVGID_4_"
cx="3.197"
cy="232.181"
gradientTransform="matrix(-1 0 0 -.987 6.394 461.217)"
gradientUnits="userSpaceOnUse"
r="21.539"
href="#lg1"
/>
<linearGradient id="lg2">
<stop offset=".0353" stop-color="#dfdde2" />
<stop offset=".2285" stop-color="#d5d2d8" />
<stop offset=".5685" stop-color="#b9b4bd" />
<stop offset=".6715" stop-color="#afaab4" />
<stop offset="1" stop-color="#a298a5" />
</linearGradient>
<radialGradient
id="SVGID_5_"
cx="94.96"
cy="237.873"
gradientTransform="matrix(-1 0 0 -.987 189.92 472.526)"
gradientUnits="userSpaceOnUse"
r="41.683"
href="#lg2"
/>
<radialGradient
id="SVGID_6_"
cx="99.587"
cy="220.49"
gradientTransform="matrix(-1 0 0 -.987 199.173 437.995)"
gradientUnits="userSpaceOnUse"
r="36.461"
href="#lg1"
/>
<radialGradient
id="SVGID_7_"
cx="198.292"
cy="237.873"
gradientTransform="matrix(-1 0 0 -.987 396.584 472.526)"
gradientUnits="userSpaceOnUse"
r="41.683"
href="#lg2"
/>
<radialGradient
id="SVGID_8_"
cx="202.919"
cy="220.49"
gradientTransform="matrix(-1 0 0 -.987 405.838 437.995)"
gradientUnits="userSpaceOnUse"
r="36.461"
href="#lg1"
/>
<radialGradient
id="SVGID_9_"
cx="301.625"
cy="237.873"
gradientTransform="matrix(-1 0 0 -.987 603.249 472.526)"
gradientUnits="userSpaceOnUse"
r="41.683"
href="#lg2"
/>
<radialGradient
id="SVGID_10_"
cx="306.251"
cy="220.49"
gradientTransform="matrix(-1 0 0 -.987 612.502 437.995)"
gradientUnits="userSpaceOnUse"
r="36.461"
href="#lg1"
/>
<radialGradient
id="SVGID_11_"
cx="404.957"
cy="237.873"
gradientTransform="matrix(-1 0 0 -.987 809.914 472.526)"
gradientUnits="userSpaceOnUse"
r="41.683"
href="#lg2"
/>
<radialGradient
id="SVGID_12_"
cx="409.583"
cy="220.49"
gradientTransform="matrix(-1 0 0 -.987 819.167 437.995)"
gradientUnits="userSpaceOnUse"
r="36.461"
href="#lg1"
/>
<linearGradient id="lg3">
<stop offset="0" stop-color="#dfdde2" />
<stop offset=".5762" stop-color="#c6c1c8" />
<stop offset=".829" stop-color="#aea6b1" />
<stop offset="1" stop-color="#a298a5" />
</linearGradient>
<radialGradient
id="SVGID_13_"
cx="465.701"
cy="252.179"
gradientTransform="matrix(-1 0 0 -.214 931.403 306.052)"
gradientUnits="userSpaceOnUse"
r="467.201"
href="#lg3"
/>
<radialGradient
id="SVGID_14_"
cx="147.369"
cy="255.67"
gradientTransform="matrix(-1 0 0 -.987 294.737 507.877)"
gradientUnits="userSpaceOnUse"
r="47.732"
>
<stop offset="0" stop-color="#dfdde2" />
<stop offset=".1035" stop-color="#d3d0d6" />
<stop offset=".2447" stop-color="#c9c5cb" />
<stop offset=".3999" stop-color="#c6c1c8" />
<stop offset="1" stop-color="#a298a5" />
</radialGradient>
<radialGradient
id="SVGID_15_"
cx="234.217"
cy="247.148"
gradientTransform="matrix(-1 0 0 -.987 468.434 490.95)"
gradientUnits="userSpaceOnUse"
r="39.283"
href="#lg3"
/>
<radialGradient
id="SVGID_16_"
cx="348.338"
cy="253.531"
gradientTransform="matrix(-1 0 0 -.987 696.677 503.629)"
gradientUnits="userSpaceOnUse"
r="58.585"
>
<stop offset=".0337" stop-color="#f1f1f4" />
<stop offset=".1538" stop-color="#e5e3e7" />
<stop offset=".4168" stop-color="#cecad1" />
<stop offset=".5762" stop-color="#c6c1c8" />
<stop offset=".829" stop-color="#aea6b1" />
<stop offset="1" stop-color="#a298a5" />
</radialGradient>
<radialGradient
id="SVGID_17_"
cx="448.146"
cy="252.666"
gradientTransform="matrix(-1 0 0 -.987 896.291 501.911)"
gradientUnits="userSpaceOnUse"
r="56.416"
>
<stop offset="0" stop-color="#f1f1f4" />
<stop offset=".5762" stop-color="#c6c1c8" />
<stop offset=".829" stop-color="#aea6b1" />
<stop offset="1" stop-color="#a298a5" />
</radialGradient>
<radialGradient
id="SVGID_18_"
cx="173.394"
cy="165.732"
gradientTransform="matrix(-1 0 0 -.987 346.788 329.219)"
gradientUnits="userSpaceOnUse"
r="158.676"
>
<stop offset="0" stop-color="#80b4fb" />
<stop offset=".1461" stop-color="#7aaffb" />
<stop offset=".3416" stop-color="#69a1fa" />
<stop offset=".5158" stop-color="#5490f9" />
<stop offset="1" stop-color="#407093" />
</radialGradient>
<radialGradient
id="SVGID_19_"
cx="169.857"
cy="287.219"
gradientUnits="userSpaceOnUse"
r="104.579"
>
<stop offset="0" stop-color="#fbe2dd" />
<stop offset=".3207" stop-color="#f0c3c5" />
<stop offset=".5581" stop-color="#eab1b7" />
<stop offset=".9367" stop-color="#e59ca1" />
<stop offset="1" stop-color="#e4989d" />
</radialGradient>
<radialGradient
id="SVGID_20_"
cx="276.726"
cy="175.554"
gradientTransform="matrix(-1 0 0 .987 553.452 142.861)"
gradientUnits="userSpaceOnUse"
r="158.676"
>
<stop offset=".0988" stop-color="#dd636e" />
<stop offset=".6173" stop-color="#d82e3d" />
<stop offset=".726" stop-color="#d32e3b" />
<stop offset=".8594" stop-color="#c42f37" />
<stop offset="1" stop-color="#ac3030" />
</radialGradient>
<radialGradient
id="SVGID_21_"
cx="349.181"
cy="126.446"
gradientTransform="matrix(1 0 0 -1 0 491.591)"
gradientUnits="userSpaceOnUse"
r="93.163"
>
<stop offset="0" stop-color="#f6e781" />
<stop offset=".4756" stop-color="#f5e056" />
<stop offset=".65" stop-color="#f4dd45" />
<stop offset=".9873" stop-color="#f1d334" />
<stop offset="1" stop-color="#f1d333" />
</radialGradient>
<radialGradient
id="SVGID_22_"
cx="265.336"
cy="150.88"
gradientUnits="userSpaceOnUse"
r="80.527"
>
<stop offset="0" stop-color="#cbe7af" />
<stop offset=".6123" stop-color="#add984" />
<stop offset=".6651" stop-color="#aad880" />
<stop offset=".9268" stop-color="#9fd26f" />
<stop offset="1" stop-color="#9bd069" />
</radialGradient>
<radialGradient
id="SVGID_23_"
cx="273.927"
cy="56.796"
gradientUnits="userSpaceOnUse"
r="101.699"
>
<stop offset="0" stop-color="#e7f6ec" />
<stop offset=".5145" stop-color="#daefc8" />
<stop offset="1" stop-color="#cbe7af" />
</radialGradient>
<radialGradient
id="SVGID_24_"
cx="380.059"
cy="165.732"
gradientTransform="matrix(-1 0 0 -.987 760.117 329.219)"
gradientUnits="userSpaceOnUse"
r="158.676"
>
<stop offset="0" stop-color="#aad880" />
<stop offset=".1958" stop-color="#a2d474" />
<stop offset=".5462" stop-color="#8dc955" />
<stop offset=".5793" stop-color="#8bc852" />
<stop offset="1" stop-color="#528e61" />
</radialGradient>
<radialGradient
id="SVGID_25_"
cx="376.522"
cy="287.219"
gradientUnits="userSpaceOnUse"
r="104.579"
>
<stop offset="0" stop-color="#fffbe4" />
<stop offset=".5544" stop-color="#f9efaf" />
<stop offset=".6285" stop-color="#f8eea7" />
<stop offset="1" stop-color="#f6e781" />
</radialGradient>
<radialGradient
id="SVGID_26_"
cx="483.391"
cy="175.554"
gradientTransform="matrix(-1 0 0 .987 966.782 142.861)"
gradientUnits="userSpaceOnUse"
r="158.676"
>
<stop offset="0" stop-color="#f4dd45" />
<stop offset=".2362" stop-color="#f2d740" />
<stop offset=".5521" stop-color="#edc631" />
<stop offset=".5974" stop-color="#ecc32e" />
<stop offset="1" stop-color="#e49824" />
</radialGradient>
<radialGradient
id="SVGID_27_"
cx="391.258"
cy="428.479"
gradientTransform="matrix(.931 0 0 .112 -111.519 389.312)"
gradientUnits="userSpaceOnUse"
r="254.327"
>
<stop offset="0" stop-color="#c6c1c8" />
<stop offset=".2432" stop-color="#dddbdf" />
<stop offset=".4962" stop-color="#f1f1f4" />
<stop offset=".888" stop-color="#fff" />
</radialGradient>
<g>
<path
d="m224.791 361.049-89.562 15.668c2.13 14.47 8.764 28.405 19.901 39.542 13.772 13.772 31.821 20.657 49.871 20.657h19.79c-7.24.001-.882-43.058 0-75.867z"
fill="url(#SVGID_1_)"
/>
<path
d="m51.797 165.252 49.871 49.871h19.79s3.475-34.743 1.332-62.776z"
fill="url(#SVGID_2_)"
/>
<path
d="m121.458 44.852h-19.79c-18.05 0-36.1 6.886-49.871 20.657-27.543 27.543-27.543 72.199 0 99.742h65.203c-3.84-50.246-7.127-120.399 4.458-120.399z"
fill="url(#SVGID_3_)"
/>
<path
d="m0 250.982h19.79l4.633-10.838-4.633-9.357h-19.79z"
fill="url(#SVGID_4_)"
/>
<path
d="m111.295 241.525-34.534 5.962c2.916 11.029 12.962 19.159 24.908 19.159h19.79c-5.887 0-9.148-14.781-10.164-25.121z"
fill="url(#SVGID_5_)"
/>
<path
d="m121.458 215.123h-19.79c-14.228 0-25.762 11.534-25.762 25.762 0 2.282.297 4.495.854 6.603h34.345c-1.439-14.655 2.012-32.365 10.353-32.365z"
fill="url(#SVGID_6_)"
/>
<path
d="m214.627 241.525-34.534 5.962c2.916 11.029 12.962 19.159 24.908 19.159h19.79c-5.887 0-9.148-14.781-10.164-25.121z"
fill="url(#SVGID_7_)"
/>
<path
d="m224.791 215.123h-19.79c-14.228 0-25.762 11.534-25.762 25.762 0 2.282.297 4.495.854 6.603h34.345c-1.44-14.655 2.011-32.365 10.353-32.365z"
fill="url(#SVGID_8_)"
/>
<path
d="m317.96 241.525-34.534 5.962c2.916 11.029 12.962 19.159 24.908 19.159h19.79c-5.887 0-9.148-14.781-10.164-25.121z"
fill="url(#SVGID_9_)"
/>
<path
d="m328.123 215.123h-19.79c-14.228 0-25.762 11.534-25.762 25.762 0 2.282.297 4.495.854 6.603h34.345c-1.44-14.655 2.011-32.365 10.353-32.365z"
fill="url(#SVGID_10_)"
/>
<path
d="m421.292 241.525-34.534 5.962c2.916 11.029 12.962 19.159 24.908 19.159h19.79c-5.887 0-9.148-14.781-10.164-25.121z"
fill="url(#SVGID_11_)"
/>
<path
d="m431.455 215.123h-19.79c-14.228 0-25.762 11.534-25.762 25.762 0 2.282.297 4.495.854 6.603h34.345c-1.439-14.655 2.012-32.365 10.353-32.365z"
fill="url(#SVGID_12_)"
/>
<path
d="m512 230.787h-56.838c-3.927-9.209-13.063-15.664-23.707-15.664s-19.78 6.455-23.707 15.664h-55.918c-3.927-9.209-13.063-15.664-23.707-15.664s-19.78 6.455-23.707 15.664h-55.918c-3.927-9.209-13.063-15.664-23.707-15.664s-19.78 6.455-23.707 15.664h-55.918c-3.927-9.209-13.063-15.664-23.707-15.664s-19.78 6.455-23.707 15.664h-77.962v20.195h77.961c3.927 9.209 13.063 15.664 23.707 15.664s19.78-6.455 23.707-15.664h55.918c3.927 9.209 13.063 15.664 23.707 15.664s19.78-6.455 23.707-15.664h55.918c3.927 9.209 13.063 15.664 23.707 15.664s19.78-6.455 23.707-15.664h55.918c3.927 9.209 13.063 15.664 23.707 15.664s19.78-6.455 23.707-15.664h56.839z"
fill="url(#SVGID_13_)"
/>
<circle cx="121.458" cy="240.884" fill="url(#SVGID_14_)" r="16.736" />
<circle cx="224.791" cy="240.884" fill="url(#SVGID_15_)" r="16.736" />
<circle cx="328.123" cy="240.884" fill="url(#SVGID_16_)" r="16.736" />
<circle cx="431.455" cy="240.884" fill="url(#SVGID_17_)" r="16.736" />
<path
d="m171.33 65.51c-27.543-27.543-72.199-27.543-99.742 0-27.543 27.543-27.543 72.199 0 99.742l49.871 49.871 49.871-49.871c27.543-27.543 27.543-72.199 0-99.742z"
fill="url(#SVGID_18_)"
/>
<path
d="m224.791 266.646h-19.79l-49.871 49.871c-16.406 16.406-23.039 38.884-19.901 60.2h81.771c.423-15.729 1.377-32.703 2.478-48.502l6.645 1.208c2.143-28.034-1.332-62.777-1.332-62.777z"
fill="url(#SVGID_19_)"
/>
<path
d="m274.662 416.259c-27.543 27.543-72.199 27.543-99.742 0-27.543-27.543-27.543-72.199 0-99.742l49.871-49.871 49.871 49.871c27.543 27.543 27.543 72.199 0 99.742z"
fill="url(#SVGID_20_)"
/>
<path
d="m431.455 361.049-89.562 15.668c2.13 14.47 8.764 28.405 19.901 39.542 13.772 13.772 31.821 20.657 49.871 20.657h19.79c-7.239.001-.881-43.058 0-75.867z"
fill="url(#SVGID_21_)"
/>
<path
d="m258.462 165.252 49.871 49.871h19.79s3.475-34.743 1.332-62.776z"
fill="url(#SVGID_22_)"
/>
<path
d="m328.123 44.852h-19.79c-18.05 0-36.1 6.886-49.871 20.657-27.543 27.543-27.543 72.199 0 99.742h65.203c-3.84-50.246-7.128-120.399 4.458-120.399z"
fill="url(#SVGID_23_)"
/>
<path
d="m377.994 65.51c-27.543-27.543-72.199-27.543-99.742 0-27.543 27.543-27.543 72.199 0 99.742l49.871 49.871 49.871-49.871c27.543-27.543 27.543-72.199 0-99.742z"
fill="url(#SVGID_24_)"
/>
<path
d="m431.455 266.646h-19.79l-49.871 49.871c-16.406 16.406-23.039 38.884-19.901 60.2h81.772c.423-15.729 1.377-32.703 2.478-48.502l6.645 1.208c2.142-28.034-1.333-62.777-1.333-62.777z"
fill="url(#SVGID_25_)"
/>
<path
d="m481.326 416.259c-27.543 27.543-72.199 27.543-99.742 0-27.543-27.543-27.543-72.199 0-99.742l49.871-49.871 49.871 49.871c27.543 27.543 27.543 72.199 0 99.742z"
fill="url(#SVGID_26_)"
/>
<path
d="m256 467.148c136.278 0 246.752-13.535 246.752-30.231h-493.504c0 16.696 110.474 30.231 246.752 30.231z"
fill="url(#SVGID_27_)"
/>
</g>
</svg>
More icons in the same style and category