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>
<clipPath id="d" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="e" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="f" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="g" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="h" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<mask id="a">
<rect width="100%" height="100%" fill="#fff" />
<path
d="M0 0c74.826 0 135.484 60.658 135.484 135.484 0 74.827-60.658 135.485-135.484 135.485-74.826 0-135.484-60.658-135.484-135.485h-135.485c0 149.652 121.317 270.969 270.969 270.969s270.969-121.317 270.969-270.969C270.969-14.167 149.652-135.484 0-135.484Z"
transform="matrix(1.33333 0 0 -1.33333 341.333 -187.354)"
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 0h560.437l-36.428 72.857H36.429Z"
transform="matrix(1.33333 0 0 -1.33333 -741.625 702.583)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h560.437l-36.428 72.857H36.429Z"
transform="matrix(1.33333 0 0 -1.33333 -741.625 702.583)"
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 0-63.268-36.528L-126.536 0l-63.268-36.528L-253.072 0l-63.268-36.528L-379.608 0l-63.268-36.528v-73.055l63.268-36.528 63.268 36.528 63.268-36.528 63.268 36.528 63.268-36.528 63.268 36.528L0-146.111l63.268 36.528v73.055z"
transform="matrix(1.33333 0 0 -1.33333 594.406 152.445)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-73.056l63.268-36.527 63.268 36.527V0L63.268 36.528Z"
transform="matrix(1.33333 0 0 -1.33333 3.904 201.148)"
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 0v-73.056l63.268-36.527 63.268 36.527V0L63.268 36.528Z"
transform="matrix(1.33333 0 0 -1.33333 341.333 201.148)"
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 0v-73.056l63.268-36.527 63.268 36.527V0L63.268 36.528Z"
transform="matrix(1.33333 0 0 -1.33333 172.619 201.148)"
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 0v-73.056l63.268-36.527 63.268 36.527V0L63.268 36.528Z"
transform="matrix(1.33333 0 0 -1.33333 510.048 201.148)"
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 0h31.503"
transform="matrix(1.33333 0 0 -1.33333 235.974 250.053)"
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 0h31.503"
transform="matrix(1.33333 0 0 -1.33333 404.689 250.053)"
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 0h31.503"
transform="matrix(1.33333 0 0 -1.33333 573.404 250.053)"
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 0h31.503"
transform="matrix(1.33333 0 0 -1.33333 67.26 250.053)"
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-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 702.625 1050.667)"
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 0c37.413 0 67.742-30.329 67.742-67.742 0-37.413-30.329-67.742-67.742-67.742"
transform="matrix(1.33333 0 0 -1.33333 341.333 689.375)"
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 0c74.826 0 135.484 60.658 135.484 135.484 0 74.827-60.658 135.485-135.484 135.485-74.826 0-135.484-60.658-135.484-135.485h-135.485c0 149.652 121.317 270.969 270.969 270.969s270.969-121.317 270.969-270.969C270.969-14.167 149.652-135.484 0-135.484Z"
transform="translate(256 652.516)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g
clip-path="url(#c)"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
>
<path
d="M0 0h560.437l-36.428 72.857H36.429Z"
transform="translate(-556.219 -14.938)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h560.437l-36.428 72.857H36.429Z"
transform="translate(-556.219 -14.938)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g
clip-path="url(#d)"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
>
<path
d="M0 0h512"
transform="translate(0 125.019)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="M0 0v48.436"
transform="matrix(1.33333 0 0 -1.33333 88.261 515.975)"
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 0v48.436"
transform="matrix(1.33333 0 0 -1.33333 256.976 515.975)"
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 0v48.436"
transform="matrix(1.33333 0 0 -1.33333 594.406 515.975)"
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 0v48.436"
transform="matrix(1.33333 0 0 -1.33333 425.69 515.975)"
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 0v48.436"
transform="matrix(1.33333 0 0 -1.33333 88.261 411.84)"
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 0v48.436"
transform="matrix(1.33333 0 0 -1.33333 256.976 411.84)"
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 0v48.436"
transform="matrix(1.33333 0 0 -1.33333 594.406 411.84)"
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 0v48.436"
transform="matrix(1.33333 0 0 -1.33333 425.69 411.84)"
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 0-63.268-36.528L-126.536 0l-63.268-36.528L-253.072 0l-63.268-36.528L-379.608 0l-63.268-36.528v-73.055l63.268-36.528 63.268 36.528 63.268-36.528 63.268 36.528 63.268-36.528 63.268 36.528L0-146.111l63.268 36.528v73.055z"
transform="matrix(1.33333 0 0 -1.33333 594.406 152.445)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g
clip-path="url(#e)"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
>
<path
d="M0 0v-73.056l63.268-36.527 63.268 36.527V0L63.268 36.528Z"
transform="translate(2.928 361.139)"
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="M0 0v-73.056l63.268-36.527 63.268 36.527V0L63.268 36.528Z"
transform="matrix(1.33333 0 0 -1.33333 341.333 201.148)"
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 0v-73.056l63.268-36.527 63.268 36.527V0L63.268 36.528Z"
transform="matrix(1.33333 0 0 -1.33333 172.619 201.148)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<g
clip-path="url(#f)"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
>
<path
d="M0 0v-73.056l63.268-36.527 63.268 36.527V0L63.268 36.528Z"
transform="translate(382.536 361.139)"
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="M0 0h31.503"
transform="matrix(1.33333 0 0 -1.33333 235.974 250.053)"
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 0h31.503"
transform="matrix(1.33333 0 0 -1.33333 404.689 250.053)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<g
clip-path="url(#g)"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
>
<path
d="M0 0h31.503"
transform="translate(430.053 324.46)"
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 0h31.503"
transform="translate(50.444 324.46)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g
clip-path="url(#h)"
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(526.969 -276)"
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 0c37.413 0 67.742-30.329 67.742-67.742 0-37.413-30.329-67.742-67.742-67.742"
transform="translate(256 -5.031)"
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