Add icons to this collection by clicking the heart icon.
Timeline icon - also known as graphic, infographic, steps, timeline, business and finance, and chronology. Created in a clean flat style with a silver, gray, red, teal, and orange 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 511.98 511.98"
>
<path
fill="#685e68"
d="m509.783 250.687-20.708-20.708a7.5 7.5 0 0 0-10.606 0 7.5 7.5 0 0 0 0 10.606l7.904 7.904H7.5a7.5 7.5 0 0 0 0 15h478.874l-7.904 7.904a7.5 7.5 0 0 0 5.303 12.803 7.474 7.474 0 0 0 5.303-2.197l20.708-20.708a7.498 7.498 0 0 0-.001-10.604z"
/>
<circle cx="69.622" cy="255.99" r="20.708" fill="#8ac9fe" />
<circle cx="180.062" cy="255.99" r="20.708" fill="#6fd7a3" />
<circle cx="290.502" cy="255.99" r="20.708" fill="#f68157" />
<circle cx="400.942" cy="255.99" r="20.708" fill="#fe646f" />
<path
fill="#8ac9fe"
d="M21.305 119.014v67.325c0 .593.481 1.074 1.074 1.074H48.47c.285 0 .558.113.76.315l19.633 19.633c.419.419 1.1.419 1.519 0l19.633-19.633c.201-.201.475-.315.759-.315h26.091c.593 0 1.074-.481 1.074-1.074v-67.325c0-.593-.481-1.074-1.074-1.074H22.379c-.593 0-1.074.481-1.074 1.074z"
/>
<path
fill="#6fd7a3"
d="M131.745 392.966v-67.325c0-.593.481-1.074 1.074-1.074h26.091c.285 0 .558-.113.76-.315l19.633-19.633a1.075 1.075 0 0 1 1.519 0l19.633 19.633c.201.201.475.315.76.315h26.091c.593 0 1.074.481 1.074 1.074v67.325c0 .593-.481 1.074-1.074 1.074h-94.487a1.074 1.074 0 0 1-1.074-1.074z"
/>
<path
fill="#f68157"
d="M242.185 119.014v67.325c0 .593.481 1.074 1.074 1.074h26.091c.285 0 .558.113.759.315l19.633 19.633c.419.419 1.1.419 1.519 0l19.633-19.633c.201-.201.475-.315.759-.315h26.091c.593 0 1.074-.481 1.074-1.074v-67.325c0-.593-.481-1.074-1.074-1.074h-94.487c-.591 0-1.072.481-1.072 1.074z"
/>
<path
fill="#fe646f"
d="M352.625 392.966v-67.325c0-.593.481-1.074 1.074-1.074h26.091c.285 0 .558-.113.759-.315l19.633-19.633a1.075 1.075 0 0 1 1.519 0l19.633 19.633c.201.201.475.315.759.315h26.091c.593 0 1.074.481 1.074 1.074v67.325c0 .593-.481 1.074-1.074 1.074h-94.487a1.074 1.074 0 0 1-1.072-1.074z"
/>
<path
fill="#60b7ff"
d="M116.866 117.94H87.94v26.244c0 12.829-10.4 23.229-23.229 23.229H21.305v18.926c0 .593.481 1.074 1.074 1.074H48.47c.285 0 .558.113.76.315l19.633 19.633c.419.419 1.1.419 1.519 0l19.633-19.633c.201-.201.475-.315.76-.315h26.091c.593 0 1.074-.481 1.074-1.074v-67.325c0-.593-.481-1.074-1.074-1.074z"
/>
<path
fill="#3ec3a4"
d="M227.306 324.567h-26.091c-.285 0-.558-.113-.76-.315l-2.075-2.075v28.634c0 12.829-10.4 23.229-23.229 23.229h-43.406v18.926c0 .593.481 1.074 1.074 1.074h94.487c.593 0 1.074-.481 1.074-1.074v-67.325c0-.593-.481-1.074-1.074-1.074z"
/>
<path
fill="#f26b38"
d="M337.746 117.94H308.82v26.244c0 12.829-10.4 23.229-23.229 23.229h-43.406v18.926c0 .593.481 1.074 1.074 1.074h26.091c.285 0 .558.113.76.315l19.633 19.633c.419.419 1.1.419 1.519 0l19.633-19.633c.201-.201.475-.315.76-.315h26.091c.593 0 1.074-.481 1.074-1.074v-67.325c0-.593-.481-1.074-1.074-1.074z"
/>
<path
fill="#fd4755"
d="M448.186 324.567h-26.091c-.285 0-.558-.113-.76-.315l-2.075-2.075v28.634c0 12.829-10.4 23.229-23.229 23.229h-43.406v18.926c0 .593.481 1.074 1.074 1.074h94.487c.593 0 1.074-.481 1.074-1.074v-67.325c0-.593-.481-1.074-1.074-1.074z"
/>
</svg>
More icons in the same style and category