Add icons to this collection by clicking the heart icon.
Timeline icon - also known as diagram, arrows, chart, location, circle, infographic, point, element, timeline, business and finance, and chronology. Created in a clean lineal 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"
>
<linearGradient
id="a"
x1="48.266"
x2="561.595"
y1="551.734"
y2="38.405"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient
id="b"
x1="-67.734"
x2="445.595"
y1="435.734"
y2="-77.595"
href="#a"
/>
<linearGradient
id="c"
x1="-61.522"
x2="451.806"
y1="441.946"
y2="-71.383"
href="#a"
/>
<linearGradient
id="d"
x1="12.266"
x2="525.595"
y1="515.734"
y2="2.405"
href="#a"
/>
<linearGradient
id="e"
x1="18.478"
x2="531.806"
y1="521.946"
y2="8.617"
href="#a"
/>
<path
fill="url(#a)"
d="M496 312h-48a8 8 0 0 0-8 8v16h-72v-16a8 8 0 0 0-8-8h-48a8 8 0 0 0-8 8v16h-96v-16a8 8 0 0 0-8-8h-48a8 8 0 0 0-8 8v16H72v-16a8 8 0 0 0-8-8H16a8 8 0 0 0-8 8v48a8 8 0 0 0 8 8h48a8 8 0 0 0 8-8v-16h72v16a8 8 0 0 0 8 8h48a8 8 0 0 0 8-8v-16h96v16a8 8 0 0 0 8 8h48a8 8 0 0 0 8-8v-16h72v16a8 8 0 0 0 8 8h48a8 8 0 0 0 8-8v-48a8 8 0 0 0-8-8zM56 360H24v-32h32zm136 0h-32v-32h32zm160 0h-32v-32h32zm136 0h-32v-32h32z"
/>
<path
fill="url(#b)"
d="M200 192a24 24 0 1 0-24 24 24.027 24.027 0 0 0 24-24zm-32 0a8 8 0 1 1 8 8 8.009 8.009 0 0 1-8-8z"
/>
<path
fill="url(#c)"
d="M176 296a8 8 0 0 0 5.71-2.4c5.966-6.078 58.29-60.363 58.29-93.6a64 64 0 0 0-128 0c0 33.237 52.324 87.522 58.29 93.6A8 8 0 0 0 176 296zm-48-96a48 48 0 0 1 96 0c0 10.684-9.319 28.65-26.239 50.589-8.191 10.619-16.467 19.971-21.761 25.738-5.27-5.738-13.493-15.03-21.666-25.618C137.352 228.714 128 210.705 128 200z"
/>
<path
fill="url(#d)"
d="M360 192a24 24 0 1 0-24 24 24.027 24.027 0 0 0 24-24zm-32 0a8 8 0 1 1 8 8 8.009 8.009 0 0 1-8-8z"
/>
<path
fill="url(#e)"
d="M336 296a8 8 0 0 0 5.71-2.4c5.966-6.078 58.29-60.363 58.29-93.6a64 64 0 0 0-128 0c0 33.237 52.324 87.522 58.29 93.6A8 8 0 0 0 336 296zm-48-96a48 48 0 0 1 96 0c0 10.684-9.319 28.65-26.239 50.589-8.191 10.619-16.467 19.971-21.761 25.738-5.27-5.738-13.493-15.03-21.666-25.618C297.352 228.714 288 210.705 288 200z"
/>
</svg>
More icons in the same style and category