Add icons to this collection by clicking the heart icon.
Timeline icon - also known as diagram, arrows, arrow, chart, circle, infographic, point, infographics, element, timeline, business and finance, and chronology. Created in a clean gradient 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 512 512"
>
<linearGradient
id="b"
x1="110.89"
x2="472.929"
y1="366.89"
y2="4.852"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f3d6d6" stop-opacity="0" />
<stop offset=".998" stop-color="#eab0af" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#dc4e4e" stop-opacity=".4" />
<stop offset=".146" stop-color="#dc4e4e" stop-opacity=".342" />
<stop offset="1" stop-color="#dc4e4e" stop-opacity="0" />
</linearGradient>
<linearGradient
id="c"
x1="256"
x2="256"
y1="446.035"
y2="345.465"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="118.796"
x2="118.796"
y1="235.965"
y2="125.965"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="248.976"
x2="248.976"
y1="295.965"
y2="185.965"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="379.157"
x2="379.157"
y1="175.965"
y2="65.965"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M136.098 101.954c50.617 1.265 49.407-80.899 80.354-93.008C292.441-5.225 521.58 163.693 511.689 272.954c-4.057 34.719-61.62 21.156-86.054 19.088-58.537-10.296-109.236 9.702-121.637 71.302-9.217 51.171-28.43 105.367-79.584 127.9-43.032 20.726-100.927 16.807-135.614-17.899-47.931-52.288-18.473-129.305 12.726-183.131 6.921-12.857 14.123-27.775 8.969-41.436-5.094-13.503-22.302-20.333-35.876-15.431-5.436 1.964-34.06 22.654-53.674 11.6-39.986-22.535-33.351-146.706 115.153-142.993z"
/>
<path
fill="#6c6cff"
d="m477.177 402.295-29.1 39.28c-2.08 2.8-5.36 4.46-8.84 4.46H37.672c-4.106 0-6.462-4.676-4.018-7.976l31.342-42.314-31.341-42.304c-2.445-3.3-.089-7.976 4.018-7.976h401.563c3.48 0 6.76 1.65 8.84 4.45l29.1 39.29c2.881 3.89 2.881 9.2.001 13.09z"
/>
<path
fill="#ff4d4d"
d="m343.707 402.295-29.1 39.28c-2.08 2.8-5.35 4.46-8.84 4.46H37.672c-4.106 0-6.462-4.676-4.018-7.976l31.342-42.314-31.341-42.304c-2.445-3.3-.089-7.976 4.018-7.976h268.093c3.49 0 6.76 1.65 8.84 4.45l29.1 39.29c2.881 3.89 2.881 9.2.001 13.09z"
/>
<path
fill="#ff9c33"
d="m210.237 402.295-29.1 39.28c-2.07 2.8-5.35 4.46-8.84 4.46H37.672c-4.106 0-6.462-4.676-4.018-7.976l31.342-42.314-31.341-42.304c-2.445-3.3-.089-7.976 4.018-7.976h134.623c3.49 0 6.77 1.65 8.84 4.45l29.1 39.29c2.881 3.89 2.881 9.2.001 13.09z"
/>
<circle cx="118.796" cy="180.965" r="55" fill="#ffe7db" />
<path
fill="#fa6"
d="M110.455 200.995h-5.331c-6.508 0-11.803-5.294-11.803-11.802v-16.457c0-6.508 5.295-11.803 11.803-11.803h5.331c6.508 0 11.803 5.295 11.803 11.803v16.457c-.001 6.508-5.296 11.802-11.803 11.802zm-5.331-30.062c-.994 0-1.803.809-1.803 1.803v16.457c0 .994.809 1.802 1.803 1.802h5.331c.994 0 1.803-.809 1.803-1.802v-16.457c0-.994-.809-1.803-1.803-1.803zM139.271 200.995a5 5 0 0 1-5-5v-25.062h-.444a5 5 0 1 1 0-10h5.444a5 5 0 0 1 5 5v30.062a5 5 0 0 1-5 5z"
/>
<path
fill="#2c27ff"
d="M118.796 377.431a5 5 0 0 1-5-5V235.965a5 5 0 1 1 10 0v136.466a5 5 0 0 1-5 5z"
/>
<circle cx="248.976" cy="240.965" r="55" fill="#ffb2b2" />
<path
fill="#ff6c6c"
d="M234.303 260.996h-5.331c-6.508 0-11.803-5.295-11.803-11.803v-16.457c0-6.508 5.295-11.802 11.803-11.802h5.331c6.508 0 11.803 5.294 11.803 11.802v16.457c0 6.508-5.295 11.803-11.803 11.803zm-5.331-30.062c-.994 0-1.803.809-1.803 1.802v16.457c0 .994.809 1.803 1.803 1.803h5.331c.994 0 1.803-.809 1.803-1.803v-16.457c0-.994-.809-1.802-1.803-1.802zM275.783 260.555h-18.108a4.998 4.998 0 0 1-4.716-3.341 5.003 5.003 0 0 1 1.586-5.559c5.042-4.05 12.846-11.452 14.406-15.228.6-1.451.505-3.051-.247-4.176-.585-.875-1.455-1.318-2.587-1.318a3.446 3.446 0 0 0-3.442 3.442 5 5 0 1 1-10 0c0-7.412 6.03-13.442 13.442-13.442 4.479 0 8.452 2.099 10.899 5.76 2.624 3.923 3.063 8.99 1.177 13.555-1.354 3.274-4.398 6.997-7.594 10.307h5.184a5 5 0 1 1 0 10z"
/>
<path
fill="#2c27ff"
d="M248.977 377.431a5 5 0 0 1-5-5v-76.466a5 5 0 1 1 10 0v76.466a5 5 0 0 1-5 5z"
/>
<circle cx="379.157" cy="120.965" r="55" fill="#d8d8ff" />
<g fill="#6c6cff">
<path
d="M365.108 100.934h-5.331c-6.508 0-11.803 5.294-11.803 11.802v16.457c0 6.508 5.295 11.803 11.803 11.803h5.331c6.508 0 11.803-5.295 11.803-11.803v-16.457c0-6.508-5.295-11.802-11.803-11.802zm1.803 28.259c0 .994-.809 1.803-1.803 1.803h-5.331a1.805 1.805 0 0 1-1.803-1.803v-16.457c0-.994.809-1.802 1.803-1.802h5.331c.994 0 1.803.809 1.803 1.802zM410.339 113.449c0-6.901-5.614-12.515-12.516-12.515h-9.395a5 5 0 1 0 0 10h9.395c1.387 0 2.516 1.128 2.516 2.515s-1.129 2.516-2.516 2.516h-9.395a5 5 0 1 0 0 10h9.395a2.519 2.519 0 0 1 2.516 2.516 2.518 2.518 0 0 1-2.516 2.515h-9.395a5 5 0 1 0 0 10h9.395c6.901 0 12.516-5.614 12.516-12.515 0-2.822-.95-5.42-2.531-7.516a12.44 12.44 0 0 0 2.531-7.516z"
/>
</g>
<path
fill="#2c27ff"
d="M376.912 377.431h-.058a4.999 4.999 0 0 1-4.943-5.057l2.245-196.466a5 5 0 0 1 4.999-4.943h.059a4.999 4.999 0 0 1 4.942 5.057l-2.245 196.466a5 5 0 0 1-4.999 4.943z"
/>
<path
fill="#d8d8ff"
d="M391.321 401.749h-18.583a5 5 0 1 1 0-10h18.583a5 5 0 1 1 0 10zM411.321 422.131h-38.583a5 5 0 1 1 0-10h38.583a5 5 0 1 1 0 10z"
/>
<path
fill="#ffb2b2"
d="M262.559 401.749h-18.583a5 5 0 1 1 0-10h18.583a5 5 0 1 1 0 10zM282.559 422.131h-38.583a5 5 0 1 1 0-10h38.583a5 5 0 1 1 0 10z"
/>
<path
fill="#ffe7db"
d="M132.379 401.749h-18.583a5 5 0 1 1 0-10h18.583a5 5 0 1 1 0 10zM152.379 422.131h-38.583a5 5 0 1 1 0-10h38.583a5 5 0 1 1 0 10z"
/>
<path
fill="#ff9c33"
d="M148.771 87.355a4.983 4.983 0 0 1-3.535-1.464l-10.5-10.5a5 5 0 0 1 0-7.071l10.5-10.5a5 5 0 0 1 7.07 0l10.5 10.5a5 5 0 0 1 0 7.071l-10.5 10.5a4.981 4.981 0 0 1-3.535 1.464zm-3.428-15.5 3.429 3.429 3.429-3.429-3.429-3.429z"
/>
<path
fill="#6c6cff"
d="M84.796 279.198a4.983 4.983 0 0 1-3.535-1.464l-10.5-10.5a5 5 0 0 1 0-7.071l10.5-10.5a5 5 0 0 1 7.07 0l10.5 10.5a5 5 0 0 1 0 7.071l-10.5 10.5a4.989 4.989 0 0 1-3.535 1.464zm-3.429-15.5 3.429 3.429 3.429-3.429-3.429-3.429z"
/>
<path
fill="#ff6c6c"
d="M412.339 225.586a4.983 4.983 0 0 1-3.535-1.464l-10.5-10.5a5 5 0 0 1 0-7.071l10.5-10.5a5 5 0 0 1 7.07 0l10.5 10.5a5 5 0 0 1 0 7.071l-10.5 10.5a4.984 4.984 0 0 1-3.535 1.464zm-3.429-15.5 3.429 3.429 3.429-3.429-3.429-3.429zM177.385 118.434a4.983 4.983 0 0 1-3.535-1.464l-5.465-5.464-5.465 5.464a5 5 0 0 1-7.07-7.071l9-9a5 5 0 0 1 7.07 0l9 9a5 5 0 0 1-3.535 8.535z"
/>
<path
fill="#6c6cff"
d="M425.32 315.53a4.983 4.983 0 0 1-3.535-1.464l-5.465-5.464-5.465 5.464a5 5 0 0 1-7.07-7.071l9-9a5 5 0 0 1 7.07 0l9 9a5 5 0 0 1-3.535 8.535z"
/>
<path
fill="url(#c)"
d="m477.177 389.205-29.1-39.29c-2.08-2.8-5.36-4.45-8.84-4.45H37.674c-4.107 0-6.462 4.677-4.018 7.976l31.341 42.304-31.342 42.314c-2.444 3.3-.089 7.976 4.018 7.976h401.564c3.48 0 6.76-1.66 8.84-4.46l29.1-39.28c2.88-3.89 2.88-9.2 0-13.09z"
/>
<circle cx="118.796" cy="180.965" r="55" fill="url(#d)" />
<circle cx="248.976" cy="240.965" r="55" fill="url(#e)" />
<circle cx="379.156" cy="120.965" r="55" fill="url(#f)" />
</svg>
More icons in the same style and category