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.66669"
height="682.66669"
viewBox="0 0 682.66669 682.66669"
>
<defs>
<clipPath clipPathUnits="userSpaceOnUse" id="clipPath173">
<path d="M 0,512 H 512 V 0 H 0 Z" id="path171" />
</clipPath>
<clipPath clipPathUnits="userSpaceOnUse" id="clipPath197">
<path d="M 0,512 H 512 V 0 H 0 Z" id="path195" />
</clipPath>
</defs>
<mask id="custom">
<rect id="bg" x="0" y="0" width="100%" height="100%" fill="white" />
<g transform="matrix(1.3333333,0,0,-1.3333333,0,682.66667)">
<path
d="M 88.05,337 H 48.067 v 30 H 88.05 Z"
id="path149"
fill="#ffffff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m 216.05,145 h -39.983 v 30 h 39.983 z"
id="path151"
fill="#ffffff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m 471.984,145 h -39.917 v 30 h 39.917 z"
id="path153"
fill="#ffffff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m 343.984,337 h -39.917 v 30 h 39.917 z"
id="path155"
fill="#ffffff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M 128.033,401 H 48.067 v 30 h 79.966 z"
id="path157"
fill="#ffffff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M 383.967,401 H 304 v 30 h 79.967 z"
id="path159"
fill="#ffffff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m 256.033,81 h -79.966 v 30 h 79.966 z"
id="path161"
fill="#ffffff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m 432.001,80.999 h 79.967 V 111 h -79.967 z"
id="path163"
fill="#ffffff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m 0,241 h 512 v 30 H 0 Z"
id="path165"
fill="#ffffff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
transform="matrix(1,0,0,1,64,291.9712)"
d="m 0,0 c -19.863,0 -35.971,-16.108 -35.971,-35.971 0,-19.863 16.108,-35.971 35.971,-35.971 19.863,0 35.971,16.108 35.971,35.971 C 35.971,-16.108 19.863,0 0,0"
id="path177"
fill="#ffffff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
transform="matrix(1,0,0,1,192,291.9712)"
d="m 0,0 c -19.863,0 -35.971,-16.108 -35.971,-35.971 0,-19.863 16.108,-35.971 35.971,-35.971 19.863,0 35.971,16.108 35.971,35.971 C 35.971,-16.108 19.863,0 0,0"
id="path181"
fill="#ffffff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
transform="matrix(1,0,0,1,320,291.9712)"
d="m 0,0 c -19.863,0 -35.971,-16.108 -35.971,-35.971 0,-19.863 16.108,-35.971 35.971,-35.971 19.863,0 35.971,16.108 35.971,35.971 C 35.971,-16.108 19.863,0 0,0"
id="path185"
fill="#ffffff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
transform="matrix(1,0,0,1,448,291.9712)"
d="m 0,0 c -19.863,0 -35.971,-16.108 -35.971,-35.971 0,-19.863 16.108,-35.971 35.971,-35.971 19.863,0 35.971,16.108 35.971,35.971 C 35.971,-16.108 19.863,0 0,0"
id="path189"
fill="#ffffff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
transform="matrix(1,0,0,1,256,-411.4844)"
d="m 0,0 c 74.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.485 h -135.485 c 0,149.652 121.317,270.969 270.969,270.969 149.652,0 270.969,-121.317 270.969,-270.969 C 270.969,-14.167 149.652,-135.484 0,-135.484 Z"
id="path201"
fill="none"
stroke="#000000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</mask>
<g mask="url(#custom)">
<g id="g147" transform="matrix(1.3333333,0,0,-1.3333333,0,682.66667)">
<path
d="M 88.05,337 H 48.067 v 30 H 88.05 Z"
id="path149"
fill="#000000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m 216.05,145 h -39.983 v 30 h 39.983 z"
id="path151"
fill="#000000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m 471.984,145 h -39.917 v 30 h 39.917 z"
id="path153"
fill="#000000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m 343.984,337 h -39.917 v 30 h 39.917 z"
id="path155"
fill="#000000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M 128.033,401 H 48.067 v 30 h 79.966 z"
id="path157"
fill="#000000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M 383.967,401 H 304 v 30 h 79.967 z"
id="path159"
fill="#000000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m 256.033,81 h -79.966 v 30 h 79.966 z"
id="path161"
fill="#000000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m 432.001,80.999 h 79.967 V 111 h -79.967 z"
id="path163"
fill="#000000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m 0,241 h 512 v 30 H 0 Z"
id="path165"
fill="#000000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g id="g167">
<g id="g169" clip-path="url(#clipPath173)">
<g id="g175" transform="translate(64,291.9712)">
<path
d="m 0,0 c -19.863,0 -35.971,-16.108 -35.971,-35.971 0,-19.863 16.108,-35.971 35.971,-35.971 19.863,0 35.971,16.108 35.971,35.971 C 35.971,-16.108 19.863,0 0,0"
id="path177"
fill="#000000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g179" transform="translate(192,291.9712)">
<path
d="m 0,0 c -19.863,0 -35.971,-16.108 -35.971,-35.971 0,-19.863 16.108,-35.971 35.971,-35.971 19.863,0 35.971,16.108 35.971,35.971 C 35.971,-16.108 19.863,0 0,0"
id="path181"
fill="#000000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g183" transform="translate(320,291.9712)">
<path
d="m 0,0 c -19.863,0 -35.971,-16.108 -35.971,-35.971 0,-19.863 16.108,-35.971 35.971,-35.971 19.863,0 35.971,16.108 35.971,35.971 C 35.971,-16.108 19.863,0 0,0"
id="path185"
fill="#000000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g187" transform="translate(448,291.9712)">
<path
d="m 0,0 c -19.863,0 -35.971,-16.108 -35.971,-35.971 0,-19.863 16.108,-35.971 35.971,-35.971 19.863,0 35.971,16.108 35.971,35.971 C 35.971,-16.108 19.863,0 0,0"
id="path189"
fill="#000000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</g>
</g>
<g id="g191">
<g id="g193" clip-path="url(#clipPath197)">
<g id="g199" transform="translate(256,-411.4844)">
<path
d="m 0,0 c 74.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.485 h -135.485 c 0,149.652 121.317,270.969 270.969,270.969 149.652,0 270.969,-121.317 270.969,-270.969 C 270.969,-14.167 149.652,-135.484 0,-135.484 Z"
id="path201"
fill="none"
stroke="#ffffff"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</g>
</g>
</g>
</g>
</svg>
More icons in the same style and category