Add icons to this collection by clicking the heart icon.
Timeline icon - also known as data, graphic, graph, visualization, speech bubble, structure, organization, infographic, workflow, priority, timeline, business and finance, chronology, experience, and infographic elements. Created in a clean lineal color 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="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="m0 0-75 78.4 75 78.4h30v-55.604L62.125 78.4 30 56.196V0Z"
transform="matrix(1.33333 0 0 -1.33333 198.5 383.6)"
fill="#f9b348"
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 0c0 8.284-6.716 15-15 15-8.284 0-15-6.716-15-15 0-8.284 6.716-15 15-15C-6.716-15 0-8.284 0 0"
transform="translate(271 489.5)"
fill="#8ae7ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 8.284-6.716 15-15 15-8.284 0-15-6.716-15-15 0-8.284 6.716-15 15-15C-6.716-15 0-8.284 0 0"
transform="translate(271 396.1)"
fill="#9255e3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 8.284-6.716 15-15 15-8.284 0-15-6.716-15-15 0-8.285 6.716-15 15-15C-6.716-15 0-8.285 0 0"
transform="translate(271 302.7)"
fill="#f3da49"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 8.285-6.716 15-15 15-8.284 0-15-6.715-15-15 0-8.284 6.716-15 15-15C-6.716-15 0-8.284 0 0"
transform="translate(271 209.3)"
fill="#94e368"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 8.284-6.716 15-15 15-8.284 0-15-6.716-15-15 0-8.284 6.716-15 15-15C-6.716-15 0-8.284 0 0"
transform="translate(271 115.9)"
fill="#14cfff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 8.284-6.716 15-15 15-8.284 0-15-6.716-15-15 0-8.284 6.716-15 15-15C-6.716-15 0-8.284 0 0"
transform="translate(271 22.5)"
fill="#8ae7ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-75-78.4 75-78.4h30V0Z"
transform="translate(474.5 287.7)"
fill="#61ce5b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v156.8h-141.375v-55.604L-173.5 78.4l32.125-22.204V0Z"
transform="translate(474.5 130.9)"
fill="#94e368"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-75-78.4 75-78.4h30V0Z"
transform="translate(474.5 474.5)"
fill="#793bcc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v156.8h-141.375v-55.605L-173.5 78.4l32.125-22.205V0Z"
transform="translate(474.5 317.7)"
fill="#9255e3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M148.875 224.3H7.5v156.8h141.375z"
fill="#f3da49"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-75 78.4 75 78.4h30v-55.605L62.125 78.4 30 56.195V0Z"
transform="translate(148.875 37.5)"
fill="#28abfa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M148.875 37.5H7.5v156.8h141.375z"
fill="#14cfff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 8.284-6.716 15-15 15-8.284 0-15-6.716-15-15 0-8.284 6.716-15 15-15C-6.716-15 0-8.284 0 0z"
transform="translate(271 489.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 0c0 8.284-6.716 15-15 15-8.284 0-15-6.716-15-15 0-8.284 6.716-15 15-15C-6.716-15 0-8.284 0 0z"
transform="translate(271 396.1)"
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 0c0 8.284-6.716 15-15 15-8.284 0-15-6.716-15-15 0-8.285 6.716-15 15-15C-6.716-15 0-8.285 0 0z"
transform="translate(271 302.7)"
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 0c0 8.285-6.716 15-15 15-8.284 0-15-6.715-15-15 0-8.284 6.716-15 15-15C-6.716-15 0-8.284 0 0z"
transform="translate(271 209.3)"
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 0c0 8.284-6.716 15-15 15-8.284 0-15-6.716-15-15 0-8.284 6.716-15 15-15C-6.716-15 0-8.284 0 0z"
transform="translate(271 115.9)"
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 0c0 8.284-6.716 15-15 15-8.284 0-15-6.716-15-15 0-8.284 6.716-15 15-15C-6.716-15 0-8.284 0 0z"
transform="translate(271 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 0v-63.4"
transform="translate(256 474.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 0v156.8h-171.375v-55.605L-203.5 78.4l32.125-22.205V0Z"
transform="translate(504.5 317.7)"
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 0v63.4h-171.375V7.796L-203.5-15l32.125-22.204V-93.4H0V-30"
transform="translate(504.5 224.3)"
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 0v156.8h171.375v-55.604L203.5 78.4l-32.125-22.204V0Z"
transform="translate(7.5 224.3)"
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 0v156.8h171.375v-55.605L203.5 78.4l-32.125-22.205V0Z"
transform="translate(7.5 37.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 0v-63.4"
transform="translate(256 381.1)"
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-63.4"
transform="translate(256 287.7)"
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-63.4"
transform="translate(256 194.3)"
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-63.4"
transform="translate(256 100.9)"
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