Add icons to this collection by clicking the heart icon.
Timeline icon - also known as window, website, events, web browser, tabs, timeline, seo and web, and roadmap. 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 60 60"
>
<g id="Page-1" fill="none" fill-rule="evenodd">
<g id="074---Website-Timeline">
<g id="Icons" transform="translate(1 1)">
<path
id="Path"
d="m58 4v6h-29c-1.1032019-.0032948-1.9967052-.89679813-2-2v-2c-.0032948-1.10320187-.8967981-1.9967052-2-2h-25c0-2.209139 1.790861-4 4-4h50c2.209139 0 4 1.790861 4 4z"
fill="#3f51b5"
/>
<path
id="Path"
d="m54 0h-3c2.209139 0 4 1.790861 4 4v6h3v-6c0-2.209139-1.790861-4-4-4z"
fill="#283593"
/>
<path
id="Path"
d="m58 10v4h-58v-10h25c1.1032019.0032948 1.9967052.89679813 2 2v2c.0032948 1.10320187.8967981 1.9967052 2 2z"
fill="#02a9f4"
/>
<path id="Rectangle" d="m55 10h3v4h-3z" fill="#0377bc" />
<path
id="Path"
d="m58 14v40c0 2.209139-1.790861 4-4 4h-50c-2.209139 0-4-1.790861-4-4v-40z"
fill="#f5f5f5"
/>
<path
id="Path"
d="m55 14v40c0 2.209139-1.790861 4-4 4h3c2.209139 0 4-1.790861 4-4v-40z"
fill="#cfd8dc"
/>
<g fill="#e91e63">
<circle id="Oval" cx="10" cy="21" r="2" />
<circle id="Oval" cx="10" cy="31" r="2" />
<circle id="Oval" cx="10" cy="51" r="2" />
<circle id="Oval" cx="10" cy="41" r="2" />
</g>
</g>
<g id="Icons_copy" fill="#000">
<path
id="Shape"
d="m55 0h-50c-2.76005315.00330612-4.99669388 2.23994685-5 5v50c.00330612 2.7600532 2.23994685 4.9966939 5 5h50c2.7600532-.0033061 4.9966939-2.2399468 5-5v-50c-.0033061-2.76005315-2.2399468-4.99669388-5-5zm-53 6h24c.5522847 0 1 .44771525 1 1v2c0 1.6568542 1.3431458 3 3 3h28v2h-56zm3-4h50c1.6568542 0 3 1.34314575 3 3v5h-28c-.5522847 0-1-.44771525-1-1v-2c0-1.65685425-1.3431458-3-3-3h-23.816c.42225455-1.19435087 1.54921457-1.99474861 2.816-2zm50 56h-50c-1.65685425 0-3-1.3431458-3-3v-39h56v39c0 1.6568542-1.3431458 3-3 3z"
fill-rule="nonzero"
/>
<path
id="Path"
d="m17 9h-11c-.55228475 0-1 .44771525-1 1 0 .5522847.44771525 1 1 1h11c.5522847 0 1-.4477153 1-1 0-.55228475-.4477153-1-1-1z"
/>
<path
id="Path"
d="m24.707 8.293c-.3904999-.39038194-1.0235001-.39038194-1.414 0l-.293.293-.293-.293c-.3923789-.37897221-1.0160848-.37355237-1.4018186.01218142-.3857338.3857338-.3911536 1.00943969-.0121814 1.40181858l.293.293-.293.293c-.2599566.2510745-.3642126.6228779-.2726972.9725073.0915155.3496295.3645604.6226744.7141899.7141899.3496294.0915154.7214328-.0127406.9725073-.2726972l.293-.293.293.293c.3923789.3789722 1.0160848.3735524 1.4018186-.0121814s.3911536-1.0094397.0121814-1.4018186l-.293-.293.293-.293c.3903819-.39049985.3903819-1.02350015 0-1.414z"
/>
<circle id="Oval" cx="53" cy="6" r="1" />
<circle id="Oval" cx="49" cy="6" r="1" />
<circle id="Oval" cx="45" cy="6" r="1" />
<path
id="Shape"
d="m14 22c.0063217-1.5272079-1.1356803-2.8154186-2.6526303-2.9922422-1.51695008-.1768237-2.92462959.8141827-3.26974332 2.3018992-.34511373 1.4877166.48250048 2.9972562 1.92237362 3.506343v4.368c-1.19812955.4174114-2.00094547 1.5472421-2.00094547 2.816s.80281592 2.3985886 2.00094547 2.816v4.368c-1.19812955.4174114-2.00094547 1.5472421-2.00094547 2.816s.80281592 2.3985886 2.00094547 2.816v4.368c-1.37754669.4870363-2.20387209 1.8956662-1.95679568 3.3357331.24707641 1.4400668 1.49568678 2.492694 2.95679568 2.492694s2.7097193-1.0526272 2.9567957-2.492694c.2470764-1.4400669-.579249-2.8486968-1.9567957-3.3357331v-4.368c1.1981296-.4174114 2.0009455-1.5472421 2.0009455-2.816s-.8028159-2.3985886-2.0009455-2.816v-4.368c1.1981296-.4174114 2.0009455-1.5472421 2.0009455-2.816s-.8028159-2.3985886-2.0009455-2.816v-4.368c1.1943509-.4222546 1.9947486-1.5492146 2-2.816zm-3-1c.5522847 0 1 .4477153 1 1s-.4477153 1-1 1-1-.4477153-1-1 .4477153-1 1-1zm0 32c-.5522847 0-1-.4477153-1-1s.4477153-1 1-1 1 .4477153 1 1-.4477153 1-1 1zm0-10c-.5522847 0-1-.4477153-1-1s.4477153-1 1-1 1 .4477153 1 1-.4477153 1-1 1zm0-10c-.5522847 0-1-.4477153-1-1s.4477153-1 1-1 1 .4477153 1 1-.4477153 1-1 1z"
fill-rule="nonzero"
/>
<path
id="Path"
d="m17 21h6c.5522847 0 1-.4477153 1-1s-.4477153-1-1-1h-6c-.5522847 0-1 .4477153-1 1s.4477153 1 1 1z"
/>
<path
id="Path"
d="m38 23h-21c-.5522847 0-1 .4477153-1 1s.4477153 1 1 1h21c.5522847 0 1-.4477153 1-1s-.4477153-1-1-1z"
/>
<path
id="Path"
d="m51 23h-9c-.5522847 0-1 .4477153-1 1s.4477153 1 1 1h9c.5522847 0 1-.4477153 1-1s-.4477153-1-1-1z"
/>
<path
id="Path"
d="m17 31h6c.5522847 0 1-.4477153 1-1s-.4477153-1-1-1h-6c-.5522847 0-1 .4477153-1 1s.4477153 1 1 1z"
/>
<path
id="Path"
d="m38 33h-21c-.5522847 0-1 .4477153-1 1s.4477153 1 1 1h21c.5522847 0 1-.4477153 1-1s-.4477153-1-1-1z"
/>
<path
id="Path"
d="m51 33h-9c-.5522847 0-1 .4477153-1 1s.4477153 1 1 1h9c.5522847 0 1-.4477153 1-1s-.4477153-1-1-1z"
/>
<path
id="Path"
d="m17 41h6c.5522847 0 1-.4477153 1-1s-.4477153-1-1-1h-6c-.5522847 0-1 .4477153-1 1s.4477153 1 1 1z"
/>
<path
id="Path"
d="m38 43h-21c-.5522847 0-1 .4477153-1 1s.4477153 1 1 1h21c.5522847 0 1-.4477153 1-1s-.4477153-1-1-1z"
/>
<path
id="Path"
d="m51 43h-9c-.5522847 0-1 .4477153-1 1s.4477153 1 1 1h9c.5522847 0 1-.4477153 1-1s-.4477153-1-1-1z"
/>
<path
id="Path"
d="m17 51h6c.5522847 0 1-.4477153 1-1s-.4477153-1-1-1h-6c-.5522847 0-1 .4477153-1 1s.4477153 1 1 1z"
/>
<path
id="Path"
d="m38 53h-21c-.5522847 0-1 .4477153-1 1s.4477153 1 1 1h21c.5522847 0 1-.4477153 1-1s-.4477153-1-1-1z"
/>
<path
id="Path"
d="m51 53h-9c-.5522847 0-1 .4477153-1 1s.4477153 1 1 1h9c.5522847 0 1-.4477153 1-1s-.4477153-1-1-1z"
/>
</g>
</g>
</g>
</svg>
More icons in the same style and category