Add icons to this collection by clicking the heart icon.
Timeline icon - also known as graph, infographic, steps, timeline, business and finance, and chronology. Created in a clean filled 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="b" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="c" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<mask id="a">
<rect width="100%" height="100%" fill="#fff" />
<path
d="M0 0h560.437l-36.428 72.857H36.429Z"
transform="matrix(1.33333 0 0 -1.33333 -32.292 -6.75)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M90.25 256h-30v60.25h30zM271 256h-30v60.25h30zM451.75 256h-30v60.25h30z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M120.375 301.25h-90.25v90.25h90.25zM301.125 301.25h-90.25v90.25h90.25zM481.875 301.25h-90.25v90.25h90.25zM180.625 195.75h-30V256h30zM361.375 195.75h-30V256h30zM256 421.75h-45.125v30H256ZM165.625 60.25H120.5v30h45.125zM210.875 482h90.249v30h-90.249z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M391.5 120.5h-90.25v90.25h90.25zM210.75 120.5H120.5v90.25h90.25zM120.5 0h90.25v30H120.5ZM346.375 60.25H301.25v30h45.125zM301.25 0h90.25v30h-90.25ZM436.75 421.75h-45.125v30h45.125zM391.625 482h90.25v30h-90.25zM75.25 421.75H30.125v30H75.25ZM30.125 482h90.25v30h-90.25zM0 240.93h512v30.001H0Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 240.93h512V256H0Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-149.652-121.317-270.969-270.969-270.969S-541.937-149.652-541.937 0s121.316 270.969 270.968 270.969C-121.317 270.969 0 149.652 0 0Z"
transform="matrix(1.33333 0 0 -1.33333 1411.958 341.333)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 37.413 30.329 67.742 67.742 67.742 37.413 0 67.742-30.329 67.742-67.742"
transform="matrix(1.33333 0 0 -1.33333 689.375 341.333)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</mask>
<g mask="url(#a)">
<g
clip-path="url(#b)"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
>
<path
d="M0 0h560.437l-36.428 72.857H36.429Z"
transform="translate(-24.219 517.063)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="M90.25 256h-30v60.25h30zM271 256h-30v60.25h30zM451.75 256h-30v60.25h30z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M120.375 301.25h-90.25v90.25h90.25zM301.125 301.25h-90.25v90.25h90.25zM481.875 301.25h-90.25v90.25h90.25zM180.625 195.75h-30V256h30zM361.375 195.75h-30V256h30zM256 421.75h-45.125v30H256ZM165.625 60.25H120.5v30h45.125zM210.875 482h90.249v30h-90.249z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M391.5 120.5h-90.25v90.25h90.25zM210.75 120.5H120.5v90.25h90.25zM120.5 0h90.25v30H120.5ZM346.375 60.25H301.25v30h45.125zM301.25 0h90.25v30h-90.25ZM436.75 421.75h-45.125v30h45.125zM391.625 482h90.25v30h-90.25zM75.25 421.75H30.125v30H75.25ZM30.125 482h90.25v30h-90.25zM0 240.93h512v30.001H0Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 240.93h512V256H0Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g
clip-path="url(#c)"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
>
<path
d="M0 0c0-149.652-121.317-270.969-270.969-270.969S-541.937-149.652-541.937 0s121.316 270.969 270.968 270.969C-121.317 270.969 0 149.652 0 0Z"
transform="translate(1058.969 256)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 37.413 30.329 67.742 67.742 67.742 37.413 0 67.742-30.329 67.742-67.742"
transform="translate(517.031 256)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</g>
</svg>
More icons in the same style and category