Add icons to this collection by clicking the heart icon.
Timeline icon - also known as schedule, timetable, productivity, time management, timeline, efficiency, time and date, and chronology. 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>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c0-13.39-10.854-24.244-24.244-24.244-13.389 0-24.244 10.854-24.244 24.244 0 13.389 10.855 24.244 24.244 24.244C-10.854 24.244 0 13.389 0 0"
transform="translate(118.618 441.87)"
fill="#a2f4c1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a24.158 24.158 0 0 0 1.84-9.272c0-13.39-10.854-24.244-24.244-24.244-3.284 0-6.415.657-9.271 1.84 3.641-8.788 12.299-14.972 22.404-14.972 13.389 0 24.243 10.855 24.243 24.244C14.972-12.299 8.789-3.642 0 0"
transform="translate(103.645 464.274)"
fill="#86f1a7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-13.39-10.854-24.244-24.244-24.244-13.389 0-24.244 10.854-24.244 24.244s10.855 24.244 24.244 24.244C-10.854 24.244 0 13.39 0 0"
transform="translate(118.618 256)"
fill="#eab14d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a24.157 24.157 0 0 0 1.84-9.271c0-13.39-10.854-24.245-24.244-24.245-3.284 0-6.415.657-9.271 1.84 3.641-8.788 12.299-14.972 22.404-14.972 13.389 0 24.243 10.855 24.243 24.244C14.972-12.299 8.789-3.641 0 0"
transform="translate(103.645 278.404)"
fill="#e49824"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-13.389-10.854-24.244-24.244-24.244-13.389 0-24.244 10.855-24.244 24.244 0 13.39 10.855 24.244 24.244 24.244C-10.854 24.244 0 13.39 0 0"
transform="translate(118.618 70.13)"
fill="#df75a5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a24.158 24.158 0 0 0 1.84-9.272c0-13.39-10.854-24.244-24.244-24.244-3.284 0-6.415.657-9.271 1.84 3.641-8.788 12.299-14.972 22.404-14.972 13.389 0 24.243 10.855 24.243 24.244C14.972-12.299 8.789-3.642 0 0"
transform="translate(103.645 92.534)"
fill="#dd5790"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-27.274l-38.386-25.254L0-77.783v-27.274h226.277V0Z"
transform="translate(215.593 494.398)"
fill="#ecf9f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M421.667 389.341h20.203v105.057h-20.203Z"
fill="#d3effb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-27.274l-38.386-25.254L0-77.782v-27.275h226.277V0Z"
transform="translate(215.593 308.528)"
fill="#ecf9f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M421.667 203.472h20.203v105.057h-20.203Z"
fill="#d3effb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-27.274l-38.386-25.255L0-77.783v-27.274h226.277V0Z"
transform="translate(215.593 122.659)"
fill="#ecf9f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M421.667 17.602h20.203v105.057h-20.203Z"
fill="#d3effb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-13.39-10.854-24.244-24.244-24.244-13.389 0-24.244 10.854-24.244 24.244 0 13.389 10.855 24.244 24.244 24.244C-10.854 24.244 0 13.389 0 0Z"
transform="translate(118.618 441.87)"
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-13.39-10.854-24.244-24.244-24.244-13.389 0-24.244 10.854-24.244 24.244s10.855 24.244 24.244 24.244C-10.854 24.244 0 13.39 0 0Z"
transform="translate(118.618 256)"
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-13.389-10.854-24.244-24.244-24.244-13.389 0-24.244 10.855-24.244 24.244 0 13.39 10.855 24.244 24.244 24.244C-10.854 24.244 0 13.39 0 0Z"
transform="translate(118.618 70.13)"
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 0h154.271v105.06H-72.01V77.78l-38.38-25.25 38.38-25.25V0H-35"
transform="translate(287.6 389.34)"
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 0h-88.895"
transform="translate(347.925 425.707)"
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 0h-139.402"
transform="translate(398.433 458.033)"
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 0h25.94v105.06h-226.28V77.78l-38.38-25.25 38.38-25.25V0H-35"
transform="translate(415.93 203.47)"
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 0h-88.895"
transform="translate(347.925 239.837)"
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 0h-139.402"
transform="translate(398.433 272.163)"
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 0h157.12v105.06H-69.16V77.78l-38.38-25.25 38.38-25.25V0H-35"
transform="translate(284.75 17.6)"
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 0h-88.895"
transform="translate(347.925 53.967)"
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 0h-139.402"
transform="translate(398.433 86.293)"
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 0v5"
transform="translate(94.374 466.114)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="4"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v5"
transform="translate(94.374 499.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="4"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-5"
transform="translate(94.374 417.626)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="4"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-89.706"
transform="translate(94.374 387.508)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="4"
stroke-dasharray="8.971,25.118"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0v-5"
transform="translate(94.374 285.244)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="4"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-5"
transform="translate(94.374 45.886)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="4"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-5"
transform="translate(94.374 12.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="4"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v5"
transform="translate(94.374 94.374)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="4"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v89.706"
transform="translate(94.374 124.492)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="4"
stroke-dasharray="8.971,25.118"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0v5"
transform="translate(94.374 226.756)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="4"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h26.265"
transform="translate(118.618 441.87)"
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 0h26.265"
transform="translate(118.618 256)"
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 0h26.265"
transform="translate(118.618 70.13)"
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