Add icons to this collection by clicking the heart icon.
Timeline icon - also known as graph, structure, organization, infographic, workflow, timeline, and time and date. Created in a clean lineal 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="M0 0v162"
transform="matrix(1.33333 0 0 -1.33333 341.333 582.667)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v60"
transform="matrix(1.33333 0 0 -1.33333 128 582.667)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v60"
transform="matrix(1.33333 0 0 -1.33333 554.667 582.667)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v0c70.582 0 113.656-77.589 76.331-137.494L0-260l-76.331 122.506C-113.656-77.589-70.582 0 0 0Z"
transform="translate(256 497)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 16.568 13.432 30 30 30 16.568 0 30-13.432 30-30 0-16.568-13.432-30-30-30C13.432-30 0-16.568 0 0Z"
transform="translate(226 407)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0c-46.546 0-75.547-50.491-52.094-90.696L0-180l52.094 89.304C75.547-50.491 46.546 0 0 0Z"
transform="translate(416 315)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 8.284-6.716 15-15 15-8.284 0-15-6.716-15-15 0-8.284 6.716-15 15-15C-6.716-15 0-8.284 0 0"
transform="translate(431 255)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v0c46.546 0 75.547-50.491 52.094-90.696L0-180l-52.094 89.304C-75.547-50.491-46.546 0 0 0Z"
transform="translate(96 315)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 8.284 6.716 15 15 15 8.284 0 15-6.716 15-15 0-8.284-6.716-15-15-15C6.716-15 0-8.284 0 0"
transform="translate(81 255)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 16.568 13.432 30 30 30 16.568 0 30-13.432 30-30 0-16.568-13.432-30-30-30C13.432-30 0-16.568 0 0Z"
transform="translate(226 45)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 16.568 13.432 30 30 30 16.568 0 30-13.432 30-30 0-16.568-13.432-30-30-30C13.432-30 0-16.568 0 0Z"
transform="translate(66 45)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 16.568-13.432 30-30 30-16.568 0-30-13.432-30-30 0-16.568 13.432-30 30-30C-13.432-30 0-16.568 0 0z"
transform="translate(446 45)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-51"
transform="translate(497 45)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-100"
transform="translate(386 45)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-100"
transform="translate(226 45)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-51"
transform="translate(66 45)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category