Add icons to this collection by clicking the heart icon.
Timeline icon - also known as notes, comment, infographic, analytics, comments, timeline, and time and date. Created in a clean blue 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 fill="none" fill-rule="evenodd">
<rect width="34" height="16" x="13" y="1" fill="#e8edfc" rx="2" />
<path
fill="#cad9fc"
d="M45 1h-3a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h3a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2z"
/>
<rect width="34" height="16" x="13" y="22" fill="#c6d8fb" rx="2" />
<path
fill="#a4c3fd"
d="M45 22h-3a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h3a2 2 0 0 0 2-2V24a2 2 0 0 0-2-2z"
/>
<rect width="34" height="16" x="13" y="43" fill="#e8edfc" rx="2" />
<path
fill="#cad9fc"
d="M45 43h-3a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h3a2 2 0 0 0 2-2V45a2 2 0 0 0-2-2z"
/>
<path
fill="#fff"
d="M13 3v12a2 2 0 0 0 2 2h3a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h-3a2 2 0 0 0-2 2zM13 36a2 2 0 0 0 2 2h3a2 2 0 0 1-2-2V24a2 2 0 0 1 2-2h-3a2 2 0 0 0-2 2zM16 57V45a2 2 0 0 1 2-2h-3a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h3a2 2 0 0 1-2-2z"
/>
<path fill="#fff" d="M15 58h8v2h-8z" />
<g fill="#428dff">
<circle cx="19" cy="59" r="1" />
<path
fill-rule="nonzero"
d="M57 7h-9V3a3 3 0 0 0-3-3H15a3 3 0 0 0-3 3v2.586L9.707 3.293a1 1 0 0 0-1.414 1.414L10.586 7H4a1 1 0 1 0 0 2h6.586l-2.293 2.293a1 1 0 1 0 1.414 1.414L12 10.414V15a3 3 0 0 0 3 3h30a3 3 0 0 0 3-3V9h9a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1h-7.586l2.293-2.293a1 1 0 0 0-1.414-1.414L48 27.586V24a3 3 0 0 0-3-3H15a3 3 0 0 0-3 3v4H3a3 3 0 0 0-3 3v18a3 3 0 0 0 3 3h7.586l-2.293 2.293a1 1 0 1 0 1.414 1.414L12 53.414V57a3 3 0 0 0 3 3 1 1 0 0 0 0-2 1 1 0 0 1-1-1V45a1 1 0 0 1 1-1h30a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H23a1 1 0 0 0 0 2h22a3 3 0 0 0 3-3V45a3 3 0 0 0-3-3H15a3 3 0 0 0-3 3v3.586l-2.293-2.293a1 1 0 0 0-1.414 1.414L10.586 50H3a1 1 0 0 1-1-1V31a1 1 0 0 1 1-1h9v6a3 3 0 0 0 3 3h30a3 3 0 0 0 3-3v-3.586l2.293 2.293a1 1 0 0 0 1.414-1.414L49.414 31H57a3 3 0 0 0 3-3V10a3 3 0 0 0-3-3zm-11 8a1 1 0 0 1-1 1H15a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h30a1 1 0 0 1 1 1zm0 21a1 1 0 0 1-1 1H15a1 1 0 0 1-1-1V24a1 1 0 0 1 1-1h30a1 1 0 0 1 1 1z"
/>
<path
d="M18 8h4a1 1 0 0 0 0-2h-4a1 1 0 0 0 0 2zM42 6H26a1 1 0 0 0 0 2h16a1 1 0 0 0 0-2zM32 10H18a1 1 0 0 0 0 2h14a1 1 0 0 0 0-2zM18 29h4a1 1 0 0 0 0-2h-4a1 1 0 0 0 0 2zM42 27H26a1 1 0 0 0 0 2h16a1 1 0 0 0 0-2zM32 31H18a1 1 0 0 0 0 2h14a1 1 0 0 0 0-2zM18 50h4a1 1 0 0 0 0-2h-4a1 1 0 0 0 0 2zM42 50a1 1 0 0 0 0-2H26a1 1 0 0 0 0 2zM32 54a1 1 0 0 0 0-2H18a1 1 0 0 0 0 2z"
/>
</g>
</g>
</svg>
More icons in the same style and category