Add icons to this collection by clicking the heart icon.
Timeline icon - also known as computer, laptop, web design, website, web page, electronics, timeline, and seo and web. 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 0v333.465c0 16.568 13.432 30 30 30h392c16.568 0 30-13.432 30-30V0Z"
transform="translate(30 98.035)"
fill="#3d6d91"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30C-13.431 0 0-13.432 0-30v-333.465h30V-30C30-13.432 16.569 0 0 0"
transform="translate(452 461.5)"
fill="#335e80"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v341.465a7 7 0 0 0 7 7h378a7 7 0 0 0 7-7V0Z"
transform="translate(60 83.035)"
fill="#d7ecff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-53a7 7 0 0 0-7 7v53a7 7 0 0 0 7 7H0a7 7 0 0 0 7-7V7a7 7 0 0 0-7-7"
transform="translate(150 222.5)"
fill="#b2d9ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30a7 7 0 0 0 7-7v-53a7 7 0 0 0-7-7H0a7 7 0 0 1 7 7v53a7 7 0 0 1-7 7"
transform="translate(150 289.5)"
fill="#87c8ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-53a7 7 0 0 0-7 7v53a7 7 0 0 0 7 7H0a7 7 0 0 0 7-7V7a7 7 0 0 0-7-7"
transform="translate(150 125.5)"
fill="#b2d9ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30a7 7 0 0 0 7-7v-53a7 7 0 0 0-7-7H0a7 7 0 0 1 7 7v53a7 7 0 0 1-7 7"
transform="translate(150 192.5)"
fill="#87c8ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-13.579c0-5.523-4.477-10-10-10h-67.985c-5.523 0-10 4.477-10 10V0c0 5.523-4.477 10-10 10h-184.508c-5.523 0-10-4.477-10-10v-35c0-16.568 13.432-30 30-30h437c16.569 0 30 13.432 30 30V0c0 5.523-4.477 10-10 10H10C4.477 10 0 5.523 0 0"
transform="translate(299.993 115.5)"
fill="#335e80"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30c5.523 0 10-4.477 10-10v-35c0-16.568-13.431-30-30-30h30c16.569 0 30 13.432 30 30v35C10-4.477 5.523 0 0 0"
transform="translate(494.5 125.5)"
fill="#2e5973"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-14.359-11.641-26-26-26S-52-14.359-52 0s11.641 26 26 26S0 14.359 0 0"
transform="translate(142 375.5)"
fill="#f78996"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-14.359-11.641-26-26-26S-52-14.359-52 0s11.641 26 26 26S0 14.359 0 0"
transform="translate(235.333 375.5)"
fill="#fee079"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-14.359-11.641-26-26-26S-52-14.359-52 0s11.641 26 26 26S0 14.359 0 0"
transform="translate(328.666 375.5)"
fill="#ade59b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-14.359-11.641-26-26-26S-52-14.359-52 0s11.641 26 26 26S0 14.359 0 0"
transform="translate(422 375.5)"
fill="#b2d9ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a25.87 25.87 0 0 1-15-4.77C-8.347-9.479-4-17.229-4-26s-4.347-16.521-11-21.23A25.87 25.87 0 0 1 0-52c14.359 0 26 11.641 26 26S14.359 0 0 0"
transform="translate(396 401.5)"
fill="#87c8ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a25.87 25.87 0 0 1-15-4.77C-8.347-9.479-4-17.229-4-26s-4.347-16.521-11-21.23A25.87 25.87 0 0 1 0-52c14.359 0 26 11.641 26 26S14.359 0 0 0"
transform="translate(302.666 401.5)"
fill="#88d9a3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a25.868 25.868 0 0 1-15-4.77C-8.348-9.479-4-17.229-4-26s-4.348-16.521-11-21.23A25.868 25.868 0 0 1 0-52c14.359 0 26 11.641 26 26S14.359 0 0 0"
transform="translate(209.333 401.5)"
fill="#fad168"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a25.87 25.87 0 0 1-15-4.77C-8.347-9.479-4-17.229-4-26s-4.347-16.521-11-21.23A25.87 25.87 0 0 1 0-52c14.359 0 26 11.641 26 26S14.359 0 0 0"
transform="translate(116 401.5)"
fill="#f2717f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v306c0 16.57 13.43 30 30 30h392c16.57 0 30-13.43 30-30V0"
transform="translate(30 125.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 0v163.5c0 3.87 3.13 7 7 7h378c3.87 0 7-3.13 7-7v-299"
transform="translate(60 261)"
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 0v100.5"
transform="translate(60 125.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 0h-53a7 7 0 0 0-7 7v53a7 7 0 0 0 7 7H0a7 7 0 0 0 7-7V7a7 7 0 0 0-7-7Z"
transform="translate(150 222.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 0h-53a7 7 0 0 0-7 7v53a7 7 0 0 0 7 7H0a7 7 0 0 0 7-7V7a7 7 0 0 0-7-7Z"
transform="translate(150 125.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 0h-72.732c-5.523 0-10-4.477-10-10v-13.579c0-5.523-4.477-10-10-10h-67.986c-5.523 0-10 4.477-10 10V-10c0 5.523-4.477 10-10 10h-184.507c-5.523 0-10-4.477-10-10v-35c0-16.568 13.432-30 30-30h437c16.568 0 30 13.432 30 30v35c0 5.523-4.477 10-10 10H35"
transform="translate(382.725 125.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-14.359-11.641-26-26-26S-52-14.359-52 0s11.641 26 26 26S0 14.359 0 0Z"
transform="translate(142 375.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-14.359-11.641-26-26-26S-52-14.359-52 0s11.641 26 26 26S0 14.359 0 0Z"
transform="translate(235.333 375.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-14.359-11.641-26-26-26S-52-14.359-52 0s11.641 26 26 26S0 14.359 0 0Z"
transform="translate(328.666 375.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-14.359-11.641-26-26-26S-52-14.359-52 0s11.641 26 26 26S0 14.359 0 0Z"
transform="translate(422 375.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 0h384.676"
transform="translate(67.324 319.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 0h220"
transform="translate(202 289.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 0h220"
transform="translate(202 259.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 0h160"
transform="translate(202 229.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 0h220"
transform="translate(202 192.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 0h220"
transform="translate(202 162.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