Add icons to this collection by clicking the heart icon.
Timeline icon - also known as business, data, graphic, graph, statistics, visualization, bar, organization, analytics, multiple, timeline, business and finance, combination chart, and infographic elements. Created in a clean lineal color style with a gray, black, and teal 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="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="b" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="m0 0-90-31.417L0-62.833h30V0Z"
transform="matrix(1.33333 0 0 -1.33333 411.778 93.778)"
fill="#3857bc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-62.833h-135.667V30l82.834-30Z"
transform="matrix(1.33333 0 0 -1.33333 411.778 93.778)"
fill="#3a6fd8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-90-31.417L0-62.833h30V0Z"
transform="matrix(1.33333 0 0 -1.33333 301.333 10)"
fill="#61ce5b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M226 441.667H7.5V504.5H226Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#94e368"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-90-31.417L0-62.833h30V0Z"
transform="matrix(1.33333 0 0 -1.33333 577.445 301.334)"
fill="#3857bc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-62.833h-259.917V30l82.834-30z"
transform="matrix(1.33333 0 0 -1.33333 577.445 301.334)"
fill="#3a6fd8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-90-31.417L0-62.833h30V0Z"
transform="matrix(1.33333 0 0 -1.33333 301.333 217.556)"
fill="#61ce5b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M226 286H48.917v62.833H226Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#94e368"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-90-31.417L0-62.833h30V0Z"
transform="matrix(1.33333 0 0 -1.33333 632.667 508.889)"
fill="#3857bc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-62.833h-177.083V30l124.25-30Z"
transform="matrix(1.33333 0 0 -1.33333 632.667 508.889)"
fill="#3a6fd8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-90-31.417L0-62.833h30V0Z"
transform="matrix(1.33333 0 0 -1.33333 522.222 425.11)"
fill="#61ce5b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M391.667 130.333H256v62.833h135.667z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#94e368"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v-62.833h165.667V0h-331.334v62.833h248.5V0"
transform="translate(173.167 441.666)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="M0 0h192.083v62.833h-414.166v62.834H-15V62.833"
transform="matrix(1.33333 0 0 -1.33333 361.333 385.112)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-62.833h67.833"
transform="matrix(1.33333 0 0 -1.33333 230.889 301.334)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<g clip-path="url(#b)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v-62.833h207.083V0h-248.5v62.833H124.25V0"
transform="translate(297.416 130.333)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v30"
transform="translate(421.666 7.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v30"
transform="translate(338.834 7.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v30"
transform="translate(256 7.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v30"
transform="translate(173.167 7.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v30"
transform="translate(90.334 7.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v30h497V0"
transform="translate(7.5 7.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v15"
transform="translate(463.084 22.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v15"
transform="translate(297.416 22.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v15"
transform="translate(380.25 22.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v15"
transform="translate(214.583 22.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v15"
transform="translate(131.75 22.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v15"
transform="translate(48.916 22.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category