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 flat 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 58 58"
>
<g id="Page-1" fill="none" fill-rule="evenodd">
<g id="074---Website-Timeline" fill-rule="nonzero">
<path
id="Shape"
d="m58 14v40c0 2.209139-1.790861 4-4 4h-50c-2.209139 0-4-1.790861-4-4v-40z"
fill="#ecf0f1"
/>
<path
id="Shape"
d="m58 10v4h-58v-10h25c1.1032019.0032948 1.9967052.89679813 2 2v2c.0032948 1.10320187.8967981 1.9967052 2 2z"
fill="#3b97d3"
/>
<path
id="Shape"
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="#285680"
/>
<path
id="Shape"
d="m16 10h-11c-.55228475 0-1-.44771525-1-1s.44771525-1 1-1h11c.5522847 0 1 .44771525 1 1s-.4477153 1-1 1z"
fill="#ecf0f1"
/>
<path
id="Shape"
d="m23.414 9 .293-.293c.3789722-.39237889.3735524-1.01608478-.0121814-1.40181858-.3857338-.38573379-1.0094397-.39115363-1.4018186-.01218142l-.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.25107447-.3642126.62287789-.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.00943971.0121814-1.4018186z"
fill="#285680"
/>
<circle id="Oval" cx="52" cy="5" fill="#e64c3c" r="1" />
<circle id="Oval" cx="48" cy="5" fill="#f0c419" r="1" />
<circle id="Oval" cx="44" cy="5" fill="#24ae5f" r="1" />
<path
id="Shape"
d="m10 51c-.55228475 0-1-.4477153-1-1v-28c0-.5522847.44771525-1 1-1 .5522847 0 1 .4477153 1 1v28c0 .5522847-.4477153 1-1 1z"
fill="#f29c1f"
/>
<g fill="#3f5c6c">
<path
id="Shape"
d="m22 20h-6c-.5522847 0-1-.4477153-1-1s.4477153-1 1-1h6c.5522847 0 1 .4477153 1 1s-.4477153 1-1 1z"
/>
<path
id="Shape"
d="m37 24h-21c-.5522847 0-1-.4477153-1-1s.4477153-1 1-1h21c.5522847 0 1 .4477153 1 1s-.4477153 1-1 1z"
/>
<path
id="Shape"
d="m50 24h-9c-.5522847 0-1-.4477153-1-1s.4477153-1 1-1h9c.5522847 0 1 .4477153 1 1s-.4477153 1-1 1z"
/>
<path
id="Shape"
d="m22 30h-6c-.5522847 0-1-.4477153-1-1s.4477153-1 1-1h6c.5522847 0 1 .4477153 1 1s-.4477153 1-1 1z"
/>
<path
id="Shape"
d="m37 34h-21c-.5522847 0-1-.4477153-1-1s.4477153-1 1-1h21c.5522847 0 1 .4477153 1 1s-.4477153 1-1 1z"
/>
<path
id="Shape"
d="m50 34h-9c-.5522847 0-1-.4477153-1-1s.4477153-1 1-1h9c.5522847 0 1 .4477153 1 1s-.4477153 1-1 1z"
/>
<path
id="Shape"
d="m22 40h-6c-.5522847 0-1-.4477153-1-1s.4477153-1 1-1h6c.5522847 0 1 .4477153 1 1s-.4477153 1-1 1z"
/>
<path
id="Shape"
d="m37 44h-21c-.5522847 0-1-.4477153-1-1s.4477153-1 1-1h21c.5522847 0 1 .4477153 1 1s-.4477153 1-1 1z"
/>
<path
id="Shape"
d="m50 44h-9c-.5522847 0-1-.4477153-1-1s.4477153-1 1-1h9c.5522847 0 1 .4477153 1 1s-.4477153 1-1 1z"
/>
<path
id="Shape"
d="m22 50h-6c-.5522847 0-1-.4477153-1-1s.4477153-1 1-1h6c.5522847 0 1 .4477153 1 1s-.4477153 1-1 1z"
/>
<path
id="Shape"
d="m37 54h-21c-.5522847 0-1-.4477153-1-1s.4477153-1 1-1h21c.5522847 0 1 .4477153 1 1s-.4477153 1-1 1z"
/>
<path
id="Shape"
d="m50 54h-9c-.5522847 0-1-.4477153-1-1s.4477153-1 1-1h9c.5522847 0 1 .4477153 1 1s-.4477153 1-1 1z"
/>
</g>
<circle id="Oval" cx="10" cy="21" fill="#f0c419" r="3" />
<circle id="Oval" cx="10" cy="31" fill="#f0c419" r="3" />
<circle id="Oval" cx="10" cy="51" fill="#f0c419" r="3" />
<circle id="Oval" cx="10" cy="41" fill="#f0c419" r="3" />
</g>
</g>
</svg>
More icons in the same style and category