Add icons to this collection by clicking the heart icon.
Timeline icon - also known as file, document, structure, time management, workflow, to do list, priority, timeline, files and folders, and time and date. 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 0h-497v44.447c0 11.158 9.045 20.203 20.203 20.203h456.594C-9.045 64.65 0 55.605 0 44.447Z"
transform="translate(504.5 408.535)"
fill="#62a4fb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-28.285C-17.127 0-8.081-9.045-8.081-20.203V-64.65h28.284v44.447C20.203-9.045 11.158 0 0 0"
transform="translate(484.297 473.185)"
fill="#5392f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h497v-349.517c0-11.157-9.045-20.203-20.203-20.203H20.203C9.045-369.72 0-360.674 0-349.517Z"
transform="translate(7.5 408.535)"
fill="#e6f7fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-349.517c0-11.157-9.046-20.203-20.204-20.203H8.081c11.158 0 20.203 9.046 20.203 20.203V0Z"
transform="translate(476.216 408.535)"
fill="#d3effd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-12.274-9.95-22.224-22.224-22.224-12.273 0-22.223 9.95-22.223 22.224 0 12.273 9.95 22.224 22.223 22.224C-9.95 22.224 0 12.273 0 0"
transform="translate(84.272 353.986)"
fill="#f7e365"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-12.274-9.95-22.224-22.224-22.224-12.273 0-22.223 9.95-22.223 22.224 0 12.273 9.95 22.224 22.223 22.224C-9.95 22.224 0 12.273 0 0"
transform="translate(84.272 273.173)"
fill="#a2f5c3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-12.274-9.95-22.224-22.224-22.224-12.273 0-22.223 9.95-22.223 22.224 0 12.273 9.95 22.224 22.223 22.224C-9.95 22.224 0 12.273 0 0"
transform="translate(84.272 192.36)"
fill="#e175a5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-299.008c-5.579 0-10.101 4.522-10.101 10.102v24.244c0 5.578 4.522 10.101 10.101 10.101H0c5.579 0 10.102-4.523 10.102-10.101V10.102C10.102 4.522 5.579 0 0 0"
transform="translate(462.073 331.762)"
fill="#f7e365"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-26.265c5.579 0 10.102-4.523 10.102-10.102v-24.244c0-5.579-4.523-10.101-10.102-10.101H0c5.579 0 10.102 4.522 10.102 10.101v24.244C10.102-4.523 5.579 0 0 0"
transform="translate(462.073 376.21)"
fill="#f3d332"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-161.626c-5.578 0-10.102 4.522-10.102 10.102v24.244c0 5.578 4.524 10.101 10.102 10.101H0c5.579 0 10.102-4.523 10.102-10.101V10.102C10.102 4.522 5.579 0 0 0"
transform="translate(413.585 250.95)"
fill="#a2f5c3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-26.264c5.579 0 10.102-4.523 10.102-10.102v-24.244c0-5.579-4.523-10.101-10.102-10.101H0c5.579 0 10.102 4.522 10.102 10.101v24.244C10.102-4.523 5.579 0 0 0"
transform="translate(413.585 295.397)"
fill="#88f2a9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h208.093c5.579 0 10.101 4.522 10.101 10.102v24.244c0 5.578-4.522 10.101-10.101 10.101H0c-5.579 0-10.102-4.523-10.102-10.101V10.102C-10.102 4.522-5.579 0 0 0"
transform="translate(205.492 170.136)"
fill="#e175a5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-26.264c5.579 0 10.102-4.523 10.102-10.102v-24.244c0-5.579-4.523-10.101-10.102-10.101H0c5.579 0 10.102 4.522 10.102 10.101v24.244C10.102-4.523 5.579 0 0 0"
transform="translate(413.585 214.583)"
fill="#de5791"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v287.56h497v-26.87"
transform="translate(7.5 120.97)"
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-287.64c0-11.16-9.05-20.2-20.2-20.2h-456.6c-11.15 0-20.2 9.04-20.2 20.2v26.95"
transform="translate(504.5 346.66)"
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 0h394.8C405.95 0 415-9.04 415-20.2v-44.45H-82v44.45C-82-9.04-72.95 0-61.8 0H-35"
transform="translate(89.5 473.18)"
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 0a8.082 8.082 0 1 0-16.164 0A8.082 8.082 0 0 0 0 0"
transform="translate(458.032 440.86)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a8.082 8.082 0 1 0-16.164 0A8.082 8.082 0 0 0 0 0"
transform="translate(425.707 440.86)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a8.082 8.082 0 1 0-16.164 0A8.082 8.082 0 0 0 0 0"
transform="translate(393.382 440.86)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-12.274-9.95-22.224-22.224-22.224-12.273 0-22.223 9.95-22.223 22.224 0 12.273 9.95 22.224 22.223 22.224C-9.95 22.224 0 12.273 0 0Z"
transform="translate(84.272 353.986)"
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-12.274-9.95-22.224-22.224-22.224-12.273 0-22.223 9.95-22.223 22.224 0 12.273 9.95 22.224 22.223 22.224C-9.95 22.224 0 12.273 0 0Z"
transform="translate(84.272 273.173)"
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-12.274-9.95-22.224-22.224-22.224-12.273 0-22.223 9.95-22.223 22.224 0 12.273 9.95 22.224 22.223 22.224C-9.95 22.224 0 12.273 0 0Z"
transform="translate(84.272 192.36)"
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 0h20.203"
transform="translate(39.825 135.79)"
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-20.203"
transform="translate(60.028 103.465)"
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-20.203"
transform="translate(60.028 71.14)"
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 0h80.813"
transform="translate(92.353 135.79)"
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-80.813"
transform="translate(173.167 103.465)"
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-80.813"
transform="translate(173.167 71.14)"
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 0h20.203"
transform="translate(253.98 135.79)"
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-20.203"
transform="translate(274.183 103.465)"
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-20.203"
transform="translate(274.183 71.14)"
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 0h80.813"
transform="translate(306.508 135.79)"
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-80.813"
transform="translate(387.321 103.465)"
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-80.813"
transform="translate(387.321 71.14)"
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-299.008c-5.579 0-10.101 4.522-10.101 10.102v24.244c0 5.578 4.522 10.101 10.101 10.101H0c5.579 0 10.102-4.523 10.102-10.101V10.102C10.102 4.522 5.579 0 0 0Z"
transform="translate(462.073 331.762)"
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-161.626c-5.578 0-10.102 4.522-10.102 10.102v24.244c0 5.578 4.524 10.101 10.102 10.101H0c5.579 0 10.102-4.523 10.102-10.101V10.102C10.102 4.522 5.579 0 0 0Z"
transform="translate(413.585 250.95)"
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 0h208.093c5.579 0 10.101 4.522 10.101 10.102v24.244c0 5.578-4.522 10.101-10.101 10.101H0c-5.579 0-10.102-4.523-10.102-10.101V10.102C-10.102 4.522-5.579 0 0 0Z"
transform="translate(205.492 170.136)"
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-6"
transform="translate(116.598 376.21)"
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-149.287"
transform="translate(116.598 340.352)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="4"
stroke-dasharray="11.197,29.857"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0v-6"
transform="translate(116.598 176.136)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="4"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category