Add icons to this collection by clicking the heart icon.
Timeline icon - also known as arrow, graph, statistics, stats, infographic, analytics, timeline, and business and finance. 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 512 512"
>
<path d="M102.608 201.661h106.128V310.34H102.608z" fill="#fef056" />
<path
d="M20.359 201.661c-7.102 0-12.859 5.757-12.859 12.859v82.961c0 7.102 5.757 12.859 12.859 12.859h82.249V201.661H20.359z"
fill="#9be69d"
/>
<path d="M85.745 201.661h16.862V310.34H85.745z" fill="#6fd7a3" />
<path d="M191.874 201.661h16.862V310.34h-16.862z" fill="#fedf30" />
<path
d="M500.206 246.408 371.822 131.765c-8.286-7.399-21.424-1.518-21.424 9.591v47.445c0 7.102-5.757 12.859-12.859 12.859h-22.675v108.679h22.675c7.102 0 12.859 5.757 12.859 12.859v47.445c0 11.109 13.138 16.991 21.424 9.592l128.384-114.643c5.725-5.113 5.725-14.071 0-19.184z"
fill="#ff546a"
/>
<path
d="M500.206 246.408 371.822 131.765c-7.115-6.354-17.8-2.91-20.68 5.222l122.536 109.421c5.725 5.113 5.725 14.07 0 19.183L351.142 375.013c2.88 8.132 13.564 11.576 20.68 5.222l128.384-114.643c5.725-5.113 5.725-14.071 0-19.184z"
fill="#ff3650"
/>
<path d="M208.736 201.661h106.128V310.34H208.736z" fill="#fe9738" />
<path d="M298.002 201.661h16.862V310.34h-16.862z" fill="#fe860a" />
<path
d="M102.608 201.661h106.128V310.34H102.608zM55.054 347.55v29.817"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle cx="55.054" cy="425.936" r="18.495" fill="#9be69d" />
<circle
cx="55.054"
cy="425.936"
r="18.495"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M155.672 164.45v-29.817"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle cx="155.672" cy="86.064" r="18.495" fill="#fef056" />
<circle
cx="155.672"
cy="86.064"
r="18.495"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M459.128 164.45v-29.817"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle cx="459.128" cy="86.064" r="18.495" fill="#ff546a" />
<circle
cx="459.128"
cy="86.064"
r="18.495"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M261.8 347.55v29.817"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle cx="261.8" cy="425.936" r="18.495" fill="#fe9738" />
<circle
cx="261.8"
cy="425.936"
r="18.495"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="m445.585 197.633-73.763-65.868c-8.286-7.399-21.424-1.518-21.424 9.591v47.445c0 7.102-5.757 12.859-12.859 12.859h-22.675v108.679h22.675c7.102 0 12.859 5.757 12.859 12.859v47.445c0 11.109 13.138 16.991 21.424 9.592l128.384-114.643c5.725-5.113 5.725-14.07 0-19.183l-32.99-29.46"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M270.5 310.339h44.365V201.661H208.736v108.678H241.5M7.5 282.048v15.432c0 7.102 5.757 12.859 12.859 12.859h82.249V201.661H20.359c-7.102 0-12.859 5.757-12.859 12.859v38.528"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</svg>
More icons in the same style and category