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="clipPath1478">
<path d="M 0,512 H 512 V 0 H 0 Z" id="path1476" />
</clipPath>
<clipPath clipPathUnits="userSpaceOnUse" id="clipPath1514">
<path d="M 0,512 H 512 V 0 H 0 Z" id="path1512" />
</clipPath>
<clipPath clipPathUnits="userSpaceOnUse" id="clipPath1538">
<path d="M 0,512 H 512 V 0 H 0 Z" id="path1536" />
</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
transform="matrix(1,0,0,1,255.5586,991.5781)"
d="m 0,0 c 112.433,0 203.577,-91.145 203.577,-203.578 0,-112.433 -91.144,-203.578 -203.577,-203.578 -37.089,0 -71.854,9.926 -101.8,27.256 l -33.934,-58.777 c 39.926,-23.106 86.282,-36.339 135.734,-36.339 149.91,0 271.437,121.527 271.437,271.438 C 271.437,-53.667 149.91,67.859 0,67.859 Z"
id="path1482"
fill="none"
stroke="#000000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
transform="matrix(1,0,0,1,0,316.1898)"
d="m 0,0 v -30 h 70.25 l 125.5,-94.13 60.25,45.19 7.709,22.734 L 256,-41.44 195.75,-86.629 80.25,0 Z"
id="path1486"
fill="#ffffff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
transform="matrix(1,0,0,1,255.9996,274.7502)"
d="M 0,0 V -37.5 L 60.25,7.69 175.75,-78.94 H 256 v 30 H 185.75 L 60.25,45.19 Z"
id="path1490"
fill="#ffffff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M 97.875,376.563 H 60.25 v 30 h 37.625 z"
id="path1492"
fill="#ffffff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M 135.5,436.813 H 60.25 v 30 h 75.25 z"
id="path1494"
fill="#ffffff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M 338.875,376.563 H 301.25 v 30 h 37.625 z"
id="path1496"
fill="#ffffff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m 376.5,436.813 h -75.25 v 30 h 75.25 z"
id="path1498"
fill="#ffffff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M 218.375,105.438 H 180.75 v 30 h 37.625 z"
id="path1500"
fill="#ffffff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m 256,45.187 h -75.25 v 30 H 256 Z"
id="path1502"
fill="#ffffff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M 459.375,105.438 H 421.75 v 30 h 37.625 z"
id="path1504"
fill="#ffffff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m 497,45.187 h -75.25 v 30 H 497 Z"
id="path1506"
fill="#ffffff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
transform="matrix(1,0,0,1,75.25,337.1592)"
d="m 0,0 c -19.863,0 -35.972,-16.108 -35.972,-35.971 0,-19.863 16.109,-35.972 35.972,-35.972 19.863,0 35.972,16.109 35.972,35.972 C 35.972,-16.108 19.863,0 0,0"
id="path1518"
fill="#ffffff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
transform="matrix(1,0,0,1,316.25,337.1592)"
d="m 0,0 c -19.863,0 -35.972,-16.108 -35.972,-35.971 0,-19.863 16.109,-35.972 35.972,-35.972 19.863,0 35.972,16.109 35.972,35.972 C 35.972,-16.108 19.863,0 0,0"
id="path1522"
fill="#ffffff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
transform="matrix(1,0,0,1,195.75,246.7847)"
d="m 0,0 c -19.863,0 -35.972,-16.108 -35.972,-35.971 0,-19.863 16.109,-35.971 35.972,-35.971 19.863,0 35.972,16.108 35.972,35.971 C 35.972,-16.108 19.863,0 0,0"
id="path1526"
fill="#ffffff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
transform="matrix(1,0,0,1,436.75,246.7847)"
d="m 0,0 c -19.863,0 -35.972,-16.108 -35.972,-35.971 0,-19.863 16.109,-35.971 35.972,-35.971 19.863,0 35.972,16.108 35.972,35.971 C 35.972,-16.108 19.863,0 0,0"
id="path1530"
fill="#ffffff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
transform="matrix(1,0,0,1,1056,66)"
d="M 0,0 H -547"
id="path1542"
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="g1470" transform="matrix(1.3333333,0,0,-1.3333333,0,682.66667)">
<g id="g1472">
<g id="g1474" clip-path="url(#clipPath1478)">
<g id="g1480" transform="translate(255.5586,991.5781)">
<path
d="m 0,0 c 112.433,0 203.577,-91.145 203.577,-203.578 0,-112.433 -91.144,-203.578 -203.577,-203.578 -37.089,0 -71.854,9.926 -101.8,27.256 l -33.934,-58.777 c 39.926,-23.106 86.282,-36.339 135.734,-36.339 149.91,0 271.437,121.527 271.437,271.438 C 271.437,-53.667 149.91,67.859 0,67.859 Z"
id="path1482"
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 id="g1484" transform="translate(0,316.1898)">
<path
d="m 0,0 v -30 h 70.25 l 125.5,-94.13 60.25,45.19 7.709,22.734 L 256,-41.44 195.75,-86.629 80.25,0 Z"
id="path1486"
fill="#000000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g1488" transform="translate(255.9996,274.7502)">
<path
d="M 0,0 V -37.5 L 60.25,7.69 175.75,-78.94 H 256 v 30 H 185.75 L 60.25,45.19 Z"
id="path1490"
fill="#000000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<path
d="M 97.875,376.563 H 60.25 v 30 h 37.625 z"
id="path1492"
fill="#000000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M 135.5,436.813 H 60.25 v 30 h 75.25 z"
id="path1494"
fill="#000000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M 338.875,376.563 H 301.25 v 30 h 37.625 z"
id="path1496"
fill="#000000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m 376.5,436.813 h -75.25 v 30 h 75.25 z"
id="path1498"
fill="#000000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M 218.375,105.438 H 180.75 v 30 h 37.625 z"
id="path1500"
fill="#000000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m 256,45.187 h -75.25 v 30 H 256 Z"
id="path1502"
fill="#000000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M 459.375,105.438 H 421.75 v 30 h 37.625 z"
id="path1504"
fill="#000000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m 497,45.187 h -75.25 v 30 H 497 Z"
id="path1506"
fill="#000000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g id="g1508">
<g id="g1510" clip-path="url(#clipPath1514)">
<g id="g1516" transform="translate(75.25,337.1592)">
<path
d="m 0,0 c -19.863,0 -35.972,-16.108 -35.972,-35.971 0,-19.863 16.109,-35.972 35.972,-35.972 19.863,0 35.972,16.109 35.972,35.972 C 35.972,-16.108 19.863,0 0,0"
id="path1518"
fill="#000000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g1520" transform="translate(316.25,337.1592)">
<path
d="m 0,0 c -19.863,0 -35.972,-16.108 -35.972,-35.971 0,-19.863 16.109,-35.972 35.972,-35.972 19.863,0 35.972,16.109 35.972,35.972 C 35.972,-16.108 19.863,0 0,0"
id="path1522"
fill="#000000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g1524" transform="translate(195.75,246.7847)">
<path
d="m 0,0 c -19.863,0 -35.972,-16.108 -35.972,-35.971 0,-19.863 16.109,-35.971 35.972,-35.971 19.863,0 35.972,16.108 35.972,35.971 C 35.972,-16.108 19.863,0 0,0"
id="path1526"
fill="#000000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g1528" transform="translate(436.75,246.7847)">
<path
d="m 0,0 c -19.863,0 -35.972,-16.108 -35.972,-35.971 0,-19.863 16.109,-35.971 35.972,-35.971 19.863,0 35.972,16.108 35.972,35.971 C 35.972,-16.108 19.863,0 0,0"
id="path1530"
fill="#000000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</g>
</g>
<g id="g1532">
<g id="g1534" clip-path="url(#clipPath1538)">
<g id="g1540" transform="translate(1056,66)">
<path
d="M 0,0 H -547"
id="path1542"
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