Add icons to this collection by clicking the heart icon.
Timeline icon - also known as diagram, arrows, arrow, chart, circle, number, infographic, point, element, and timeline. 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 64 64"
>
<linearGradient
id="a"
x1="48"
x2="48"
y1="66.582"
y2="4.433"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient id="b" x1="15" x2="15" y1="66.582" y2="4.433" href="#a" />
<linearGradient id="c" x1="32" x2="32" y1="66.582" y2="4.433" href="#a" />
<path
fill="url(#a)"
d="M52 28a1 1 0 0 0-1-1h-5v-.532l4.2-3.5a4.986 4.986 0 0 0 1.8-3.842V19a4 4 0 0 0-8 0v1a1 1 0 0 0 2 0v-1a2 2 0 0 1 4 0v.126a2.992 2.992 0 0 1-1.08 2.3l-4.561 3.8A1 1 0 0 0 44 26v2a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1z"
/>
<path
fill="url(#b)"
d="M17 28V16a1 1 0 0 0-1.447-.895l-2 1a1 1 0 0 0 .894 1.79l.553-.277V28a1 1 0 0 0 2 0z"
/>
<path
fill="url(#c)"
d="M61 60h-9v-5a1 1 0 0 0-1-1h-2V35.95a14 14 0 1 0-2 0V54h-2a1 1 0 0 0-1 1v5H20v-5a1 1 0 0 0-1-1h-2V35.95a14 14 0 1 0-2 0V54h-2a1 1 0 0 0-1 1v5H3a1 1 0 0 0 0 2h58a1 1 0 0 0 0-2zM4 22a12 12 0 1 1 12 12A12.01 12.01 0 0 1 4 22zm14 38h-4v-4h4zm18-38a12 12 0 1 1 12 12 12.01 12.01 0 0 1-12-12zm14 38h-4v-4h4z"
/>
</svg>
More icons in the same style and category