Add icons to this collection by clicking the heart icon.
Timeline icon - also known as time, schedule, timetable, productivity, time management, timeline, time passing, efficiency, 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 0-29.813-29.813v-53.239c0-7.42-6.016-13.435-13.436-13.435h-77.64c-7.421 0-13.436 6.015-13.436 13.435v77.656c0 7.42 6.015 13.436 13.436 13.436H-3.331C.866 8.04 2.967 2.967 0 0"
transform="translate(465.693 166.227)"
fill="#31a7fb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-29.81-29.81v-53.24c0-7.423-6.018-13.439-13.44-13.439h-35.33c7.42 0 13.43 6.019 13.43 13.439v49.047c0 2.685 1.067 5.26 2.965 7.158L-35.34 0c2.97 2.971.87 8.04-3.33 8.04h35.34C.86 8.04 2.97 2.971 0 0"
transform="translate(465.695 166.227)"
fill="#1c96f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-29.813-29.813v-53.239c0-7.42-6.016-13.435-13.436-13.435h-77.64c-7.421 0-13.436 6.015-13.436 13.435v77.656c0 7.42 6.015 13.436 13.436 13.436H-3.331C.866 8.04 2.967 2.967 0 0Z"
transform="translate(465.693 166.227)"
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 0h29.703"
transform="translate(368.371 122.269)"
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-369.8v108.207H0c3.683 0 7.069-2.019 8.821-5.259l23.83-44.077a10.027 10.027 0 0 0 0-9.538L8.821 5.259A10.03 10.03 0 0 0 0 0"
transform="translate(470.642 201.897)"
fill="#1c96f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-23.83-44.07a10.015 10.015 0 0 0-8.82-5.26h-35.11c3.68 0 7.07 2.019 8.82 5.26L-35.11 0a10.023 10.023 0 0 1 0 9.539l-23.83 44.07a10.026 10.026 0 0 1-8.82 5.26h35.11c3.68 0 7.07-2.019 8.82-5.26L0 9.539A10.023 10.023 0 0 0 0 0"
transform="translate(503.29 251.23)"
fill="#1785f8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-259.8v108.207H0c3.683 0 7.069-2.019 8.821-5.259l23.83-44.077a10.027 10.027 0 0 0 0-9.538L8.821 5.259A10.03 10.03 0 0 0 0 0"
transform="translate(360.642 201.897)"
fill="#35bcc7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-209.8v108.207H0c3.683 0 7.069-2.019 8.821-5.259l23.83-44.077a10.027 10.027 0 0 0 0-9.538L8.821 5.259A10.03 10.03 0 0 0 0 0"
transform="translate(310.642 201.897)"
fill="#fcdd45"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-109.8v108.207H0c3.683 0 7.069-2.019 8.821-5.259l23.83-44.077a10.027 10.027 0 0 0 0-9.538L8.821 5.259A10.03 10.03 0 0 0 0 0"
transform="translate(210.642 201.897)"
fill="#fb7722"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-369.8v108.207H0c3.683 0 7.069-2.019 8.821-5.259l23.83-44.077a10.027 10.027 0 0 0 0-9.538L8.821 5.259A10.03 10.03 0 0 0 0 0Z"
transform="translate(470.642 201.897)"
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 0c-36.688 0-66.43 29.741-66.43 66.43-.001 36.688 29.741 66.429 66.429 66.43 36.688 0 66.43-29.741 66.43-66.429C66.43 29.742 36.688.001 0 0"
transform="translate(73.93 189.568)"
fill="#f8f3f1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-36.685-29.74-66.425-66.435-66.425-5.203 0-10.268.595-15.13 1.731C-52.165-57.846-30.271-31.471-30.271 0c0 31.481-21.894 57.846-51.294 64.704a66.375 66.375 0 0 0 15.13 1.732C-29.74 66.436 0 36.695 0 0"
transform="translate(140.36 255.996)"
fill="#e5e1e5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-7.913 27.841-33.51 48.24-63.888 48.239-36.688 0-66.429-29.741-66.429-66.429 0-36.689 29.742-66.43 66.43-66.43 30.142.001 55.58 20.083 63.703 47.593"
transform="translate(137.817 274.188)"
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 0c5.174 5.181 13.567 5.187 18.748.013 5.18-5.174 5.186-13.569.012-18.748-5.174-5.181-13.568-5.187-18.748-.013C-5.168-13.574-5.174-5.181 0 0Z"
transform="translate(64.548 265.366)"
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 0 16.503 16.523"
transform="translate(83.296 265.379)"
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 0a10.03 10.03 0 0 0 8.821-5.259l23.83-44.077a10.027 10.027 0 0 0 0-9.538l-23.83-44.074A10.028 10.028 0 0 0 0-108.207"
transform="translate(360.642 310.103)"
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 0a10.03 10.03 0 0 0 8.821-5.259l23.83-44.077a10.027 10.027 0 0 0 0-9.538l-23.83-44.074A10.028 10.028 0 0 0 0-108.207"
transform="translate(310.642 310.103)"
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 0a10.03 10.03 0 0 0 8.821-5.259l23.83-44.077a10.027 10.027 0 0 0 0-9.538l-23.83-44.074A10.028 10.028 0 0 0 0-108.207"
transform="translate(210.642 310.103)"
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 0 29.813 29.812v53.239c0 7.421 6.016 13.435 13.436 13.435h132.64c7.421 0 13.436-6.014 13.436-13.435V5.396c0-7.421-6.015-13.436-13.436-13.436H3.331C-.866-8.04-2.967-2.968 0 0"
transform="translate(283.603 345.776)"
fill="#fcdd45"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-77.658c0-7.416-6.01-13.436-13.436-13.436h-32.002c7.417 0 13.436 6.02 13.436 13.436V0c0 7.425-6.019 13.436-13.436 13.436h32.002C-6.01 13.436 0 7.425 0 0"
transform="translate(472.927 428.826)"
fill="#f8c52d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v21.271c0 7.42-6.015 13.435-13.436 13.435h-132.64c-7.42 0-13.436-6.015-13.436-13.435v-53.239l-29.813-29.812c-2.967-2.968-.865-8.04 3.331-8.04h172.558C-6.015-69.82 0-63.806 0-56.385v19.359"
transform="translate(472.928 407.557)"
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.52"
transform="translate(351.223 402.99)"
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 0h89.703"
transform="translate(351.223 375.72)"
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 0 29.813 29.812v53.239c0 7.421 6.015 13.435 13.436 13.435h62.64c7.42 0 13.436-6.014 13.436-13.435V5.396c0-7.421-6.016-13.436-13.436-13.436H3.33C-.866-8.04-2.967-2.968 0 0"
transform="translate(136.331 345.776)"
fill="#fb9927"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-77.658c0-7.416-6.01-13.436-13.436-13.436h-32.002c7.417 0 13.437 6.02 13.437 13.436V0c0 7.425-6.02 13.436-13.437 13.436h32.002C-6.01 13.436 0 7.425 0 0"
transform="translate(255.655 428.826)"
fill="#fb7722"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 29.813 29.812v53.239c0 7.421 6.015 13.435 13.436 13.435h62.64c7.42 0 13.436-6.014 13.436-13.435V5.396c0-7.421-6.016-13.436-13.436-13.436H3.33C-.866-8.04-2.967-2.968 0 0Z"
transform="translate(136.331 345.776)"
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-9.48"
transform="translate(208.95 402.99)"
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 0h24.703"
transform="translate(198.95 375.72)"
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 0-29.813-29.813v-53.239c0-7.42-6.015-13.435-13.436-13.435h-87.64c-7.421 0-13.436 6.015-13.436 13.435v77.656c0 7.42 6.015 13.436 13.436 13.436H-3.331C.866 8.04 2.967 2.967 0 0"
transform="translate(300.418 166.227)"
fill="#35bcc7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-29.81-29.81v-53.24c0-7.423-6.017-13.439-13.44-13.439h-35.33c7.42 0 13.43 6.019 13.43 13.439v49.047c0 2.685 1.067 5.26 2.965 7.158L-35.34 0c2.97 2.971.87 8.04-3.33 8.04h35.34C.86 8.04 2.97 2.971 0 0"
transform="translate(300.42 166.227)"
fill="#20abb9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-27.775c-7.421 0-13.436-6.016-13.436-13.436v-77.656c0-7.42 6.015-13.435 13.436-13.435h87.64c7.421 0 13.436 6.015 13.436 13.435v53.238L103.114-8.04c2.967 2.967.865 8.04-3.331 8.04H37.026"
transform="translate(197.305 174.267)"
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.52"
transform="translate(193.096 136.281)"
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 0h39.703"
transform="translate(193.096 109.014)"
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