Add icons to this collection by clicking the heart icon.
Timeline icon - also known as graph, infographic, steps, timeline, business and finance, and chronology. Created in a clean flat 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 2833 2833"
>
<linearGradient
id="a"
x1="0"
x2="2833.33"
y1="1416.67"
y2="1416.67"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ec297b" />
<stop offset=".059" stop-color="#db2776" />
<stop offset=".169" stop-color="#c0236d" />
<stop offset=".278" stop-color="#ad2168" />
<stop offset=".4" stop-color="#a21f64" />
<stop offset=".522" stop-color="#9e1f63" />
<stop offset=".961" stop-color="#90278e" />
<stop offset="1" stop-color="#90278e" />
</linearGradient>
<g fill-rule="evenodd">
<circle cx="1417" cy="1417" r="1417" fill="url(#a)" />
<path
fill="#fff"
d="M2250 1501h-166c-11 0-20-9-20-20s9-20 20-20h166c11 0 20 9 20 20s-9 20-20 20zm-374 0h-168c-11 0-20-9-20-20s9-20 20-20h168c11 0 20 9 20 20s-9 20-20 20zm-375 0h-168c-11 0-20-9-20-20s9-20 20-20h168c11 0 20 9 20 20s-9 20-20 20zm-376 0H957c-11 0-20-9-20-20s9-20 20-20h168c11 0 20 9 20 20s-9 20-20 20zm-376 0H583c-11 0-20-9-20-20s9-20 20-20h166c11 0 20 9 20 20s-9 20-20 20z"
/>
<path
fill="#fff"
d="M853 1605c-68 0-124-55-124-124 0-68 56-123 124-123s124 55 124 123c0 69-56 124-124 124zm0-207c-46 0-84 37-84 83 0 47 38 84 84 84s84-37 84-84c0-46-38-83-84-83zM1229 1605c-68 0-124-55-124-124 0-68 56-123 124-123s124 55 124 123c0 69-56 124-124 124zm0-207c-46 0-84 37-84 83 0 47 38 84 84 84s84-37 84-84c0-46-38-83-84-83zM1605 1605c-69 0-124-55-124-124 0-68 55-123 124-123 68 0 123 55 123 123 0 69-55 124-123 124zm0-207c-47 0-84 37-84 83 0 47 37 84 84 84 46 0 83-37 83-84 0-46-37-83-83-83zM1980 1605c-68 0-124-55-124-124 0-68 56-123 124-123s124 55 124 123c0 69-56 124-124 124zm0-207c-46 0-84 37-84 83 0 47 38 84 84 84s84-37 84-84c0-46-38-83-84-83zM993 1300c-6 0-12-3-16-9l-54-77h-8c-70 0-127-57-127-127V974c0-70 57-127 127-127h325c71 0 128 57 128 127v113c0 70-57 127-128 127h-177l-53 77c-4 6-10 9-17 9zm-78-413c-48 0-87 39-87 87v113c0 48 39 87 87 87h19c6 0 13 3 16 9l43 62 44-62c3-6 9-9 16-9h187c48 0 88-39 88-87V974c0-48-40-87-88-87z"
/>
<path
fill="#fff"
d="M1226 998H929c-11 0-20-9-20-20s9-20 20-20h297c12 0 20 9 20 20s-8 20-20 20zM1226 1103H929c-11 0-20-9-20-20s9-20 20-20h297c12 0 20 9 20 20s-8 20-20 20zM1904 998h-297c-11 0-20-9-20-20s9-20 20-20h297c11 0 20 9 20 20s-9 20-20 20zM1904 1103h-297c-11 0-20-9-20-20s9-20 20-20h297c11 0 20 9 20 20s-9 20-20 20z"
/>
<path
fill="#fff"
d="M1671 1300c-7 0-13-3-16-9l-54-77h-8c-70 0-127-57-127-127V974c0-70 57-127 127-127h325c70 0 127 57 127 127v113c0 70-57 127-127 127h-177l-54 77c-3 6-10 9-16 9zm-78-413c-48 0-87 39-87 87v113c0 48 39 87 87 87h18c7 0 13 3 17 9l43 62 43-62c4-6 10-9 17-9h187c48 0 87-39 87-87V974c0-48-39-87-87-87zM1855 1855H979c-11 0-20-9-20-20 0-12 9-20 20-20h876c11 0 20 8 20 20 0 11-9 20-20 20z"
/>
<path
fill="#fff"
d="M1723 1986c-5 0-10-2-14-6-8-7-8-20 0-28l117-118-117-117c-8-8-8-21 0-28 7-8 20-8 28 0l132 131c7 8 7 21 0 29l-132 131c-4 4-9 6-14 6z"
/>
</g>
</svg>
More icons in the same style and category