Add icons to this collection by clicking the heart icon.
Timeline icon - also known as schedule, work, structure, organization, flow, infographic, workflow, timeline, and business and finance. Created in a clean flat 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
fill="#396973"
d="M256 512c-8.291 0-15-6.709-15-15V15c0-8.291 6.709-15 15-15s15 6.709 15 15v482c0 8.291-6.709 15-15 15z"
/>
<path
fill="#2d4a59"
d="M271 497V15c0-8.291-6.709-15-15-15v512c8.291 0 15-6.709 15-15z"
/>
<path
fill="#396973"
d="M226 120h-61c-8.291 0-15-6.709-15-15s6.709-15 15-15h61c8.291 0 15 6.709 15 15s-6.709 15-15 15zM226 422h-61c-8.291 0-15-6.709-15-15s6.709-15 15-15h61c8.291 0 15 6.709 15 15s-6.709 15-15 15z"
/>
<path
fill="#2d4a59"
d="M347 271h-61c-8.291 0-15-6.709-15-15s6.709-15 15-15h61c8.291 0 15 6.709 15 15s-6.709 15-15 15z"
/>
<path
fill="#ffdf40"
d="M256 150c-24.814 0-45-20.186-45-45s20.186-45 45-45 45 20.186 45 45-20.186 45-45 45zM256 301c-24.814 0-45-20.186-45-45s20.186-45 45-45 45 20.186 45 45-20.186 45-45 45zM256 452c-24.814 0-45-20.186-45-45s20.186-45 45-45 45 20.186 45 45-20.186 45-45 45z"
/>
<path
fill="#f3f5f9"
d="M497 361H347c-8.291 0-15-6.709-15-15V166c0-8.291 6.709-15 15-15h150c8.291 0 15 6.709 15 15v180c0 8.291-6.709 15-15 15z"
/>
<g fill="#ffbe40">
<path
d="M301 105c0-24.814-20.186-45-45-45v90c24.814 0 45-20.186 45-45zM301 256c0-24.814-20.186-45-45-45v90c24.814 0 45-20.186 45-45zM301 407c0-24.814-20.186-45-45-45v90c24.814 0 45-20.186 45-45z"
/>
</g>
<path
fill="#e1e6f0"
d="M497 151h-75v210h75c8.291 0 15-6.709 15-15V166c0-8.291-6.709-15-15-15z"
/>
<path
fill="#cfd7e6"
d="M437 241h-30c-8.291 0-15-6.709-15-15s6.709-15 15-15h30c8.291 0 15 6.709 15 15s-6.709 15-15 15zM437 301h-30c-8.291 0-15-6.709-15-15s6.709-15 15-15h30c8.291 0 15 6.709 15 15s-6.709 15-15 15z"
/>
<path
fill="#b8c4d9"
d="M437 211h-15v30h15c8.291 0 15-6.709 15-15s-6.709-15-15-15zM437 271h-15v30h15c8.291 0 15-6.709 15-15s-6.709-15-15-15z"
/>
<path
fill="#f3f5f9"
d="M165 210H15c-8.291 0-15-6.709-15-15V15C0 6.709 6.709 0 15 0h150c8.291 0 15 6.709 15 15v180c0 8.291-6.709 15-15 15z"
/>
<path
fill="#e1e6f0"
d="M165 0H90v210h75c8.291 0 15-6.709 15-15V15c0-8.291-6.709-15-15-15z"
/>
<path
fill="#cfd7e6"
d="M105 90H75c-8.291 0-15-6.709-15-15s6.709-15 15-15h30c8.291 0 15 6.709 15 15s-6.709 15-15 15zM105 150H75c-8.291 0-15-6.709-15-15s6.709-15 15-15h30c8.291 0 15 6.709 15 15s-6.709 15-15 15z"
/>
<path
fill="#b8c4d9"
d="M105 60H90v30h15c8.291 0 15-6.709 15-15s-6.709-15-15-15zM105 120H90v30h15c8.291 0 15-6.709 15-15s-6.709-15-15-15z"
/>
<path
fill="#f3f5f9"
d="M165 512H15c-8.291 0-15-6.709-15-15V317c0-8.291 6.709-15 15-15h150c8.291 0 15 6.709 15 15v180c0 8.291-6.709 15-15 15z"
/>
<path
fill="#e1e6f0"
d="M165 302H90v210h75c8.291 0 15-6.709 15-15V317c0-8.291-6.709-15-15-15z"
/>
<path
fill="#cfd7e6"
d="M105 392H75c-8.291 0-15-6.709-15-15s6.709-15 15-15h30c8.291 0 15 6.709 15 15s-6.709 15-15 15zM105 452H75c-8.291 0-15-6.709-15-15s6.709-15 15-15h30c8.291 0 15 6.709 15 15s-6.709 15-15 15z"
/>
<path
fill="#b8c4d9"
d="M105 362H90v30h15c8.291 0 15-6.709 15-15s-6.709-15-15-15zM105 422H90v30h15c8.291 0 15-6.709 15-15s-6.709-15-15-15z"
/>
</svg>
More icons in the same style and category