Add icons to this collection by clicking the heart icon.
Timeline icon - also known as graph, infographic, steps, communications, timeline, and chronology. Created in a clean lineal color 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 511.996 511.996"
>
<g>
<g>
<rect
x="10"
y="115.401"
width="122.999"
height="45.874"
fill="#FFFFFF"
/>
<rect
x="132.999"
y="115.401"
width="122.999"
height="45.874"
fill="#FFCE62"
/>
<rect
x="255.998"
y="115.401"
width="122.999"
height="45.874"
fill="#FF7E96"
/>
<polygon
points="399.194,115.401 378.997,115.401 378.997,161.275 501.996,161.275 501.996,115.401 487.177,115.401"
fill="#00D5F5"
/>
<line
x1="71.5"
y1="161.275"
x2="71.5"
y2="383.882"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<line
x1="320.712"
y1="161.275"
x2="320.712"
y2="383.882"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<line
x1="194.499"
y1="161.275"
x2="194.499"
y2="246.852"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<rect
x="145.326"
y="246.852"
width="101.773"
height="100.041"
fill="#FFCE62"
/>
<rect
x="20.613"
y="383.882"
width="101.773"
height="100.041"
fill="#FFFFFF"
/>
<rect
x="269.611"
y="383.882"
width="101.773"
height="100.041"
fill="#FF7E96"
/>
<line
x1="442.553"
y1="161.275"
x2="442.553"
y2="246.852"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<rect
x="393.38"
y="246.852"
width="101.773"
height="100.041"
fill="#00D5F5"
/>
<rect
x="10"
y="115.401"
width="122.999"
height="45.874"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<rect
x="132.999"
y="115.401"
width="122.999"
height="45.874"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<rect
x="255.998"
y="115.401"
width="122.999"
height="45.874"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<polyline
points="399.194,115.401 378.997,115.401 378.997,161.275 501.996,161.275 501.996,115.401 487.177,115.401"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<rect
x="145.326"
y="246.852"
width="101.773"
height="100.041"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<rect
x="20.613"
y="383.882"
width="101.773"
height="100.041"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<rect
x="269.611"
y="383.882"
width="101.773"
height="100.041"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<rect
x="393.38"
y="246.852"
width="101.773"
height="100.041"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<line
x1="57.652"
y1="433.903"
x2="84.264"
y2="433.903"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<line
x1="182.906"
y1="296.873"
x2="209.519"
y2="296.873"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<line
x1="307.191"
y1="433.903"
x2="333.804"
y2="433.903"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<line
x1="430.96"
y1="296.873"
x2="457.573"
y2="296.873"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<line
x1="433.989"
y1="51.523"
x2="78.011"
y2="51.523"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<polyline
points="410.539,74.973 433.989,51.523 410.539,28.073"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</g>
<line
x1="442.553"
y1="115.401"
x2="442.553"
y2="115.401"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</g>
</svg>
More icons in the same style and category