Add icons to this collection by clicking the heart icon.
Timeline icon - also known as clock, time, organization, line, hierarchy, hierarchical structure, miscellaneous, timeline, time and date, organization structure, and chronology. 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="#555a6e" d="M488 304H24a8 8 0 0 1 0-16h464a8 8 0 0 1 0 16z" />
<path
fill="#d7322d"
d="M272 256h-32c-66.274 0-120-53.726-120-120S173.726 16 240 16h32c66.274 0 120 53.726 120 120s-53.726 120-120 120z"
/>
<circle cx="240" cy="136" r="120" fill="#f04b37" />
<circle cx="240" cy="136" r="88" fill="#f0e1cd" />
<path
fill="#b9af9b"
d="M240 208a8 8 0 0 1-8-8v-8a8 8 0 0 1 16 0v8a8 8 0 0 1-8 8zM304 144h-8a8 8 0 0 1 0-16h8a8 8 0 0 1 0 16z"
/>
<path
fill="#353744"
d="M248 113.371V72a8 8 0 0 0-16 0v41.371A24.055 24.055 0 0 0 217.371 128H192a8 8 0 0 0 0 16h25.371c3.295 9.32 12.18 16 22.629 16 13.255 0 24-10.745 24-24 0-10.449-6.68-19.334-16-22.629z"
/>
<circle cx="240" cy="136" r="8" fill="#f5871e" />
<circle cx="256" cy="296" r="16" fill="#f5871e" />
<path
fill="#fabe19"
d="M256 288c4.411 0 8 3.589 8 8s-3.589 8-8 8-8-3.589-8-8 3.589-8 8-8m0-16c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24z"
/>
<circle cx="96" cy="296" r="16" fill="#f5871e" />
<path
fill="#fabe19"
d="M96 288c4.411 0 8 3.589 8 8s-3.589 8-8 8-8-3.589-8-8 3.589-8 8-8m0-16c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24z"
/>
<circle cx="416" cy="296" r="16" fill="#f5871e" />
<path
fill="#fabe19"
d="M416 288c4.411 0 8 3.589 8 8s-3.589 8-8 8-8-3.589-8-8 3.589-8 8-8m0-16c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24z"
/>
<path
fill="#b9af9b"
d="m128 352-13.172-13.172A9.656 9.656 0 0 0 108 336H84a9.656 9.656 0 0 0-6.828 2.828L64 352H40a8 8 0 0 0-8 8v128a8 8 0 0 0 8 8h112a8 8 0 0 0 8-8V360a8 8 0 0 0-8-8z"
/>
<path
fill="#f0e1cd"
d="m104 352-13.172-13.172a9.656 9.656 0 0 0-13.656 0L64 352H40a8 8 0 0 0-8 8v128a8 8 0 0 0 8 8h88a8 8 0 0 0 8-8V360a8 8 0 0 0-8-8z"
/>
<path
fill="#b9af9b"
d="m288 352-13.172-13.172A9.656 9.656 0 0 0 268 336h-24a9.656 9.656 0 0 0-6.828 2.828L224 352h-24a8 8 0 0 0-8 8v128a8 8 0 0 0 8 8h112a8 8 0 0 0 8-8V360a8 8 0 0 0-8-8z"
/>
<path
fill="#f0e1cd"
d="m264 352-13.172-13.172a9.656 9.656 0 0 0-13.656 0L224 352h-24a8 8 0 0 0-8 8v128a8 8 0 0 0 8 8h88a8 8 0 0 0 8-8V360a8 8 0 0 0-8-8z"
/>
<path
fill="#b9af9b"
d="m448 352-13.172-13.172A9.656 9.656 0 0 0 428 336h-24a9.656 9.656 0 0 0-6.828 2.828L384 352h-24a8 8 0 0 0-8 8v128a8 8 0 0 0 8 8h112a8 8 0 0 0 8-8V360a8 8 0 0 0-8-8z"
/>
<path
fill="#f0e1cd"
d="m424 352-13.172-13.172a9.656 9.656 0 0 0-13.656 0L384 352h-24a8 8 0 0 0-8 8v128a8 8 0 0 0 8 8h88a8 8 0 0 0 8-8V360a8 8 0 0 0-8-8z"
/>
<path
fill="#b9af9b"
d="M112 384H56a8 8 0 0 1 0-16h56a8 8 0 0 1 0 16zM112 416H56a8 8 0 0 1 0-16h56a8 8 0 0 1 0 16zM112 448H56a8 8 0 0 1 0-16h56a8 8 0 0 1 0 16zM80 480H56a8 8 0 0 1 0-16h24a8 8 0 0 1 0 16zM272 384h-56a8 8 0 0 1 0-16h56a8 8 0 0 1 0 16zM272 416h-56a8 8 0 0 1 0-16h56a8 8 0 0 1 0 16zM272 448h-56a8 8 0 0 1 0-16h56a8 8 0 0 1 0 16zM240 480h-24a8 8 0 0 1 0-16h24a8 8 0 0 1 0 16zM432 384h-56a8 8 0 0 1 0-16h56a8 8 0 0 1 0 16zM432 416h-56a8 8 0 0 1 0-16h56a8 8 0 0 1 0 16zM432 448h-56a8 8 0 0 1 0-16h56a8 8 0 0 1 0 16zM400 480h-24a8 8 0 0 1 0-16h24a8 8 0 0 1 0 16z"
/>
</svg>
More icons in the same style and category