Add icons to this collection by clicking the heart icon.
Timeline icon - also known as networking, goal, organization, ui, commerce and shopping, goals, breadcrumb, timeline, time and date, business and finance, and chronology. Created in a clean filled style with a white and black finish, 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>
</defs>
<mask id="a">
<rect width="100%" height="100%" fill="#fff" />
<path
d="M497 205.917H373.333v100.165H497Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-117.333v100.165H0l21.333-50.082Z"
transform="matrix(1.33333 0 0 -1.33333 497.778 408.11)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M298.667 205.917H15v100.165h283.667z"
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-19.33-15.67-35-35-35S-70-19.33-70 0s15.67 35 35 35S0 19.33 0 0"
transform="matrix(1.33333 0 0 -1.33333 120.667 103.555)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-19.33-15.67-35-35-35S-70-19.33-70 0s15.67 35 35 35S0 19.33 0 0"
transform="matrix(1.33333 0 0 -1.33333 480.444 103.555)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 19.33-15.67 35-35 35S-70 19.33-70 0s15.67-35 35-35S0-19.33 0 0"
transform="matrix(1.33333 0 0 -1.33333 295.556 579.111)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 19.33-15.67 35-35 35S-70 19.33-70 0s15.67-35 35-35S0-19.33 0 0"
transform="matrix(1.33333 0 0 -1.33333 626.889 579.111)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 32.333-75.907-22-75.906"
transform="matrix(1.33333 0 0 -1.33333 341.333 240.125)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 32.333-75.907-22-75.906"
transform="matrix(1.33333 0 0 -1.33333 142.222 240.125)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 32.333-75.907-22-75.906"
transform="matrix(1.33333 0 0 -1.33333 497.333 240.125)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-115.978 0-210.333-94.355-210.333-210.333 0-115.979 94.355-210.334 210.333-210.334s210.333 94.355 210.333 210.334C210.333-94.355 115.978 0 0 0m0-30c99.436 0 180.333-80.897 180.333-180.333 0-99.437-80.897-180.334-180.333-180.334-99.436 0-180.333 80.897-180.333 180.334C-180.333-110.897-99.436-30 0-30"
transform="matrix(1.33333 0 0 -1.33333 341.333 671.111)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</mask>
<g mask="url(#a)">
<path
d="M497 205.917H373.333v100.165H497Z"
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(#b)"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
>
<path
d="M497 205.917H373.333v100.165H497Z"
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 0h-117.333v100.165H0l21.333-50.082Z"
transform="matrix(1.33333 0 0 -1.33333 497.778 408.11)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-117.333v100.165H0l21.333-50.082Z"
transform="matrix(1.33333 0 0 -1.33333 497.778 408.11)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M298.667 205.917H15v100.165h283.667z"
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="M298.667 205.917H15v100.165h283.667z"
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-19.33-15.67-35-35-35S-70-19.33-70 0s15.67 35 35 35S0 19.33 0 0"
transform="translate(90.5 434.333)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-19.33-15.67-35-35-35S-70-19.33-70 0s15.67 35 35 35S0 19.33 0 0Z"
transform="translate(90.5 434.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 0v-96"
transform="translate(55.5 394.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 0c0-19.33-15.67-35-35-35S-70-19.33-70 0s15.67 35 35 35S0 19.33 0 0"
transform="translate(360.333 434.333)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-19.33-15.67-35-35-35S-70-19.33-70 0s15.67 35 35 35S0 19.33 0 0Z"
transform="translate(360.333 434.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 0v-96"
transform="translate(325.333 394.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 0c0 19.33-15.67 35-35 35S-70 19.33-70 0s15.67-35 35-35S0-19.33 0 0"
transform="translate(221.667 77.667)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 19.33-15.67 35-35 35S-70 19.33-70 0s15.67-35 35-35S0-19.33 0 0z"
transform="translate(221.667 77.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 0v96"
transform="translate(186.667 117.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 19.33-15.67 35-35 35S-70 19.33-70 0s15.67-35 35-35S0-19.33 0 0"
transform="translate(470.167 77.667)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 19.33-15.67 35-35 35S-70 19.33-70 0s15.67-35 35-35S0-19.33 0 0z"
transform="translate(470.167 77.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 0v96"
transform="translate(435.167 117.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 0 32.333-75.907-22-75.906"
transform="translate(256 331.907)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="#fff"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 32.333-75.907-22-75.906"
transform="translate(106.667 331.907)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="#fff"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 32.333-75.907-22-75.906"
transform="translate(373 331.907)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
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 0c-115.978 0-210.333-94.355-210.333-210.333 0-115.979 94.355-210.334 210.333-210.334s210.333 94.355 210.333 210.334C210.333-94.355 115.978 0 0 0m0-30c99.436 0 180.333-80.897 180.333-180.333 0-99.437-80.897-180.334-180.333-180.334-99.436 0-180.333 80.897-180.333 180.334C-180.333-110.897-99.436-30 0-30"
transform="translate(256 8.667)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</g>
</svg>
More icons in the same style and category