Add icons to this collection by clicking the heart icon.
Timeline icon - also known as computer, 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="512"
height="512"
viewBox="0 0 64 64"
>
<g>
<rect width="60" height="48" x="2" y="2" fill="#686868" rx="4" />
<path fill="#ccc" d="M6 6h52v36H6z" />
<path fill="#f2f2f2" d="M6 6v33h45a4 4 0 0 0 4-4V6z" />
<path fill="#2763bb" d="M6 6h52v8H6z" />
<path fill="#3079e6" d="M6 6v5h45a4 4 0 0 0 4-4V6z" />
<path
fill="#686868"
d="M19 58h26a3 3 0 0 1 3 3v1H16v-1a3 3 0 0 1 3-3z"
/>
<path fill="#474747" d="M41 50H23l-2 8h22z" />
<circle cx="12" cy="20" r="2" fill="#2763bb" />
<path
fill="#3079e6"
d="M12 18a1.988 1.988 0 0 0-1.723 3H11a2 2 0 0 0 2-2v-.723A1.987 1.987 0 0 0 12 18z"
/>
<circle cx="12" cy="28" r="2" fill="#f3a845" />
<path
fill="#eecc61"
d="M12 26a1.988 1.988 0 0 0-1.723 3H11a2 2 0 0 0 2-2v-.723A1.987 1.987 0 0 0 12 26z"
/>
<circle cx="36" cy="20" r="2" fill="#2763bb" />
<path
fill="#3079e6"
d="M36 18a1.988 1.988 0 0 0-1.723 3H35a2 2 0 0 0 2-2v-.723A1.987 1.987 0 0 0 36 18z"
/>
<circle cx="36" cy="28" r="2" fill="#f3a845" />
<path
fill="#eecc61"
d="M36 26a1.988 1.988 0 0 0-1.723 3H35a2 2 0 0 0 2-2v-.723A1.987 1.987 0 0 0 36 26z"
/>
<circle cx="12" cy="36" r="2" fill="#2763bb" />
<path
fill="#3079e6"
d="M12 34a1.988 1.988 0 0 0-1.723 3H11a2 2 0 0 0 2-2v-.723A1.987 1.987 0 0 0 12 34z"
/>
<circle cx="36" cy="36" r="2" fill="#2763bb" />
<path
fill="#3079e6"
d="M36 34a1.988 1.988 0 0 0-1.723 3H35a2 2 0 0 0 2-2v-.723A1.987 1.987 0 0 0 36 34z"
/>
<path
d="M58 1H6a5.006 5.006 0 0 0-5 5v40a5.006 5.006 0 0 0 5 5h15.72l-1.5 6H19a4 4 0 0 0-4 4v1a1 1 0 0 0 1 1h32a1 1 0 0 0 1-1v-1a4 4 0 0 0-4-4h-1.22l-1.5-6H58a5.006 5.006 0 0 0 5-5V6a5.006 5.006 0 0 0-5-5zM47 61H17a2 2 0 0 1 2-2h26a2 2 0 0 1 2 2zm-5.28-4H22.28l1.5-6h16.44zM61 46a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h52a3 3 0 0 1 3 3z"
/>
<path
d="M58 5H6a1 1 0 0 0-1 1v36a1 1 0 0 0 1 1h52a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1zm-1 2v6H7V7zM7 41V15h50v26zM55 45h2v2h-2zM51 45h2v2h-2z"
/>
<path
d="M53 9h2v2h-2zM49 9h2v2h-2zM45 9h2v2h-2zM12 17a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1zM12 25a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1zM12 33a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1zM36 17a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1zM36 25a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1zM36 33a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1zM17 19h14v2H17zM17 27h14v2H17zM17 35h14v2H17zM41 19h14v2H41zM41 27h14v2H41zM41 35h14v2H41z"
/>
</g>
</svg>
More icons in the same style and category