Add icons to this collection by clicking the heart icon.
Timeline icon - also known as graph, structure, organization, infographic, workflow, timeline, and business and finance. Created in a clean blue 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 60 60"
>
<g fill="none" fill-rule="evenodd">
<rect width="22" height="16" x="1" y="1" fill="#e7ecfb" rx="2" />
<path
fill="#c9d8fb"
d="M21 1h-3a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h3a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2z"
/>
<circle cx="30" cy="9" r="2" fill="#e7ecfb" />
<rect
width="22"
height="16"
x="37"
y="11"
fill="#e7ecfb"
rx="2"
transform="rotate(180 48 19)"
/>
<path
fill="#c9d8fb"
d="M57 11h-3a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h3a2 2 0 0 0 2-2V13a2 2 0 0 0-2-2z"
/>
<circle cx="30" cy="19" r="2" fill="#e7ecfb" />
<rect
width="22"
height="16"
x="37"
y="33"
fill="#e7ecfb"
rx="2"
transform="rotate(180 48 41)"
/>
<path
fill="#c9d8fb"
d="M57 33h-3a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h3a2 2 0 0 0 2-2V35a2 2 0 0 0-2-2z"
/>
<circle cx="30" cy="41" r="2" fill="#e7ecfb" />
<rect width="22" height="16" x="1" y="22" fill="#e7ecfb" rx="2" />
<path
fill="#c9d8fb"
d="M21 22h-3a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h3a2 2 0 0 0 2-2V24a2 2 0 0 0-2-2z"
/>
<circle cx="30" cy="30" r="2" fill="#e7ecfb" />
<rect width="22" height="16" x="1" y="43" fill="#e7ecfb" rx="2" />
<path
fill="#c9d8fb"
d="M21 43h-3a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h3a2 2 0 0 0 2-2V45a2 2 0 0 0-2-2z"
/>
<circle cx="30" cy="51" r="2" fill="#e7ecfb" />
<path
fill="#fff"
d="M3 38h3a2 2 0 0 1-2-2V24a2 2 0 0 1 2-2H3a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2zM3 17h3a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2H3a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2zM4 57V45a2 2 0 0 1 2-2H3a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h3a2 2 0 0 1-2-2z"
/>
<path fill="#fff" d="M0 7h2v8H0z" />
<g fill="#428dff">
<circle cx="1" cy="11" r="1" />
<path
d="M6 6h3a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2zM6 10h12a1 1 0 0 0 0-2H6a1 1 0 1 0 0 2zM6 14h12a1 1 0 0 0 0-2H6a1 1 0 0 0 0 2z"
/>
<path
fill-rule="nonzero"
d="M57 10H39a3 3 0 0 0-3 3v5h-3.184A3 3 0 0 0 31 16.184v-4.368a2.982 2.982 0 0 0 0-5.632V1a1 1 0 0 0-2 0v5.184A3 3 0 0 0 27.184 8H24V3a3 3 0 0 0-3-3H3a3 3 0 0 0-3 3v4a1 1 0 1 0 2 0V3a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H3c-.552 0-1-.448-1-1a1 1 0 0 0-2 0 3 3 0 0 0 3 3h18a3 3 0 0 0 3-3v-5h3.184A3 3 0 0 0 29 11.816v4.368a2.982 2.982 0 0 0 0 5.632v5.368A3 3 0 0 0 27.184 29H24v-5a3 3 0 0 0-3-3H3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h18a3 3 0 0 0 3-3v-5h3.184A3 3 0 0 0 29 32.816v5.368a2.982 2.982 0 0 0 0 5.632v4.368A3 3 0 0 0 27.184 50H24v-5a3 3 0 0 0-3-3H3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h18a3 3 0 0 0 3-3v-5h3.184A3 3 0 0 0 29 53.816V59a1 1 0 0 0 2 0v-5.184a2.982 2.982 0 0 0 0-5.632v-4.368A3 3 0 0 0 32.816 42H36v5a3 3 0 0 0 3 3h18a3 3 0 0 0 3-3V35a3 3 0 0 0-3-3H39a3 3 0 0 0-3 3v5h-3.184A3 3 0 0 0 31 38.184v-5.368a2.982 2.982 0 0 0 0-5.632v-5.368A3 3 0 0 0 32.816 20H36v5a3 3 0 0 0 3 3h18a3 3 0 0 0 3-3V13a3 3 0 0 0-3-3zM22 36a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V24a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1zm0 21a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V45a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1zm16-22a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H39a1 1 0 0 1-1-1zM30 8a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm0 44a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm0-10a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm0-11a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm0-11a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm28 5a1 1 0 0 1-1 1H39a1 1 0 0 1-1-1V13a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1z"
/>
<path
d="M42 16h3a1 1 0 0 0 0-2h-3a1 1 0 0 0 0 2zM54 18H42a1 1 0 0 0 0 2h12a1 1 0 0 0 0-2zM54 22H42a1 1 0 0 0 0 2h12a1 1 0 0 0 0-2zM42 38h3a1 1 0 0 0 0-2h-3a1 1 0 0 0 0 2zM42 42h12a1 1 0 0 0 0-2H42a1 1 0 0 0 0 2zM42 46h12a1 1 0 0 0 0-2H42a1 1 0 0 0 0 2zM6 27h3a1 1 0 0 0 0-2H6a1 1 0 0 0 0 2zM18 29H6a1 1 0 0 0 0 2h12a1 1 0 0 0 0-2zM18 33H6a1 1 0 0 0 0 2h12a1 1 0 0 0 0-2zM6 48h3a1 1 0 0 0 0-2H6a1 1 0 0 0 0 2zM18 50H6a1 1 0 0 0 0 2h12a1 1 0 0 0 0-2zM18 54H6a1 1 0 0 0 0 2h12a1 1 0 0 0 0-2z"
/>
</g>
</g>
</svg>
More icons in the same style and category