Add icons to this collection by clicking the heart icon.
Timeline icon - also known as education, diagram, graph, organization, infographic, and timeline. Created in a clean flat style with a white, silver, red, orange, and pink 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 510 510"
>
<path
fill="#dcf0ff"
d="M462 215v88c0 3.98-1.58 7.79-4.39 10.61l-32 32A15.027 15.027 0 0 1 415 350H15c-8.28 0-15-6.72-15-15s6.72-15 15-15h393.79L432 296.79v-75.58L408.79 198H15c-8.28 0-15-6.72-15-15s6.72-15 15-15h400c3.98 0 7.79 1.58 10.61 4.39l32 32c2.81 2.82 4.39 6.63 4.39 10.61z"
/>
<path
fill="#bee6fa"
d="M462 215v88c0 3.98-1.58 7.79-4.39 10.61l-32 32A15.027 15.027 0 0 1 415 350H255v-30h153.79L432 296.79v-75.58L408.79 198H255v-30h160c3.98 0 7.79 1.58 10.61 4.39l32 32c2.81 2.82 4.39 6.63 4.39 10.61z"
/>
<circle cx="63" cy="183" r="47" fill="#ffe470" />
<circle cx="255" cy="183" r="47" fill="#ffe470" />
<path
fill="#fabe2c"
d="M255 230v-94c25.92 0 47 21.08 47 47s-21.08 47-47 47z"
/>
<circle cx="447" cy="183" r="47" fill="#fabe2c" />
<circle cx="63" cy="335" r="47" fill="#ffe470" />
<circle cx="255" cy="335" r="47" fill="#ffe470" />
<path
fill="#fabe2c"
d="M302 335c0 25.92-21.08 47-47 47v-94c25.92 0 47 21.08 47 47z"
/>
<circle cx="447" cy="335" r="47" fill="#fabe2c" />
<path
fill="#ff7b4a"
d="M111 30H15C6.716 30 0 23.284 0 15S6.716 0 15 0h96c8.284 0 15 6.716 15 15s-6.716 15-15 15zM111 94H15C6.716 94 0 87.284 0 79s6.716-15 15-15h96c8.284 0 15 6.716 15 15s-6.716 15-15 15zM318 15c0 8.28-6.72 15-15 15h-96c-8.28 0-15-6.72-15-15s6.72-15 15-15h96c8.28 0 15 6.72 15 15z"
/>
<path
fill="#ff435b"
d="M303 30h-48V0h48c8.28 0 15 6.72 15 15s-6.72 15-15 15z"
/>
<path
fill="#ff7b4a"
d="M318 79c0 8.28-6.72 15-15 15h-96c-8.28 0-15-6.72-15-15s6.72-15 15-15h96c8.28 0 15 6.72 15 15z"
/>
<g fill="#ff435b">
<path
d="M318 79c0 8.28-6.72 15-15 15h-48V64h48c8.28 0 15 6.72 15 15zM495 30h-96c-8.284 0-15-6.716-15-15s6.716-15 15-15h96c8.284 0 15 6.716 15 15s-6.716 15-15 15zM495 94h-96c-8.284 0-15-6.716-15-15s6.716-15 15-15h96c8.284 0 15 6.716 15 15s-6.716 15-15 15zM495 446h-96c-8.284 0-15-6.716-15-15s6.716-15 15-15h96c8.284 0 15 6.716 15 15s-6.716 15-15 15zM495 510h-96c-8.284 0-15-6.716-15-15s6.716-15 15-15h96c8.284 0 15 6.716 15 15s-6.716 15-15 15z"
/>
</g>
<path
fill="#ff7b4a"
d="M318 431c0 8.28-6.72 15-15 15h-96c-8.28 0-15-6.72-15-15s6.72-15 15-15h96c8.28 0 15 6.72 15 15z"
/>
<path
fill="#ff435b"
d="M303 446h-48v-30h48c8.28 0 15 6.72 15 15s-6.72 15-15 15z"
/>
<path
fill="#ff7b4a"
d="M318 495c0 8.28-6.72 15-15 15h-96c-8.28 0-15-6.72-15-15s6.72-15 15-15h96c8.28 0 15 6.72 15 15z"
/>
<path
fill="#ff435b"
d="M318 495c0 8.28-6.72 15-15 15h-48v-30h48c8.28 0 15 6.72 15 15z"
/>
<path
fill="#ff7b4a"
d="M111 446H15c-8.284 0-15-6.716-15-15s6.716-15 15-15h96c8.284 0 15 6.716 15 15s-6.716 15-15 15zM111 510H15c-8.284 0-15-6.716-15-15s6.716-15 15-15h96c8.284 0 15 6.716 15 15s-6.716 15-15 15z"
/>
</svg>
More icons in the same style and category