Add icons to this collection by clicking the heart icon.
Timeline icon - also known as pin, graph, structure, infographic, workflow, priority, timeline, time and date, business and finance, chronology, and experience. Created in a clean flat style with a silver, gray, yellow, purple, and pink finish, 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"
>
<g fill-rule="evenodd" clip-rule="evenodd">
<path
fill="#e06379"
d="M59.664 414.142a8.258 8.258 0 1 1-16.516 0V260.026c0-4.561 3.697-8.258 8.258-8.258s8.258 3.697 8.258 8.258z"
/>
<ellipse
cx="51.406"
cy="460.594"
fill="#e06379"
rx="51.407"
ry="51.406"
transform="rotate(-7.7 50.84 459.688)"
/>
<path
fill="#c63c50"
d="M51.406 409.187c28.391 0 51.406 23.015 51.406 51.406s-23.015 51.406-51.406 51.406z"
/>
<g fill="#697c86">
<path
d="M177.066 367.898a8.258 8.258 0 0 1 0 16.516h-75.561a8.258 8.258 0 0 1 0-16.516zM177.066 320.207a8.258 8.258 0 0 1 0 16.516h-75.561c-4.561 0-8.258-3.697-8.258-8.258s3.697-8.258 8.258-8.258z"
/>
</g>
<path
fill="#f9e997"
d="M196.06 252.826c0 4.561-3.697 8.258-8.258 8.258s-8.258-3.697-8.258-8.258v-152.49a8.258 8.258 0 0 1 16.516 0z"
/>
<ellipse
cx="187.802"
cy="51.406"
fill="#f9e997"
rx="51.407"
ry="51.406"
transform="rotate(-13.34 187.53 51.523)"
/>
<path
fill="#f5d844"
d="M187.802 0c28.391 0 51.406 23.015 51.406 51.406s-23.015 51.406-51.406 51.406z"
/>
<g fill="#697c86">
<path
d="M62.142 144.102a8.258 8.258 0 1 1 0-16.516h75.562a8.258 8.258 0 0 1 0 16.516zM62.142 191.793a8.258 8.258 0 1 1 0-16.516h75.562a8.258 8.258 0 0 1 0 16.516z"
/>
</g>
<path
fill="#76e2f8"
d="M332.456 415.072a8.259 8.259 0 0 1-16.516 0V258.013c0-4.561 3.697-8.258 8.258-8.258s8.258 3.697 8.258 8.258z"
/>
<ellipse
cx="324.198"
cy="460.594"
fill="#76e2f8"
rx="51.406"
ry="51.407"
transform="rotate(-87.42 324.073 460.564)"
/>
<path
fill="#3aaaff"
d="M324.198 409.187c28.391 0 51.407 23.015 51.407 51.406s-23.016 51.406-51.407 51.406z"
/>
<g fill="#697c86">
<path
d="M449.857 367.898a8.259 8.259 0 0 1 0 16.516h-75.562a8.259 8.259 0 0 1 0-16.516zM449.857 320.207a8.259 8.259 0 0 1 0 16.516h-75.562a8.258 8.258 0 0 1 0-16.516z"
/>
</g>
<path
fill="#73cbb1"
d="M468.852 252.516a8.258 8.258 0 0 1-16.516 0V100.993c0-4.561 3.697-8.258 8.258-8.258s8.258 3.697 8.258 8.258z"
/>
<ellipse
cx="460.594"
cy="51.406"
fill="#73cbb1"
rx="51.407"
ry="51.406"
transform="rotate(-13.34 460 51.778)"
/>
<path
fill="#539499"
d="M460.594 0C488.984 0 512 23.015 512 51.406s-23.015 51.406-51.406 51.406z"
/>
<g fill="#697c86">
<path
d="M334.934 144.102c-4.561 0-8.258-3.697-8.258-8.258s3.697-8.258 8.258-8.258h75.561a8.258 8.258 0 0 1 0 16.516zM334.934 191.793a8.258 8.258 0 0 1 0-16.516h75.561a8.258 8.258 0 0 1 0 16.516z"
/>
</g>
<path
fill="#697c86"
d="M8.258 264.258C3.697 264.258 0 260.561 0 256s3.697-8.258 8.258-8.258h495.484c4.561 0 8.258 3.697 8.258 8.258s-3.697 8.258-8.258 8.258z"
/>
</g>
</svg>
More icons in the same style and category