Add icons to this collection by clicking the heart icon.
Timeline icon - also known as pin, social network, social media, timeline, time and date, and experience. 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 64 64"
>
<linearGradient
id="a"
x1="30.277"
x2="32.277"
y1="2.007"
y2="63.507"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6adbff" />
<stop offset=".155" stop-color="#44b0ff" />
<stop offset=".441" stop-color="#0065ff" />
<stop offset=".502" stop-color="#0a62ff" />
<stop offset=".606" stop-color="#2559ff" />
<stop offset=".741" stop-color="#504bff" />
<stop offset=".898" stop-color="#8c38ff" />
<stop offset="1" stop-color="#b62aff" />
</linearGradient>
<linearGradient
id="b"
x1="31.771"
x2="33.771"
y1="1.959"
y2="63.459"
href="#a"
/>
<linearGradient
id="c"
x1="31.706"
x2="33.706"
y1="1.961"
y2="63.461"
href="#a"
/>
<linearGradient
id="d"
x1="30.342"
x2="32.342"
y1="2.005"
y2="63.505"
href="#a"
/>
<linearGradient
id="e"
x1="30.374"
x2="32.374"
y1="2.004"
y2="63.504"
href="#a"
/>
<linearGradient
id="f"
x1="31.803"
x2="33.803"
y1="1.958"
y2="63.458"
href="#a"
/>
<linearGradient
id="g"
x1="31.024"
x2="33.024"
y1="1.983"
y2="63.483"
href="#a"
/>
<linearGradient
id="h"
x1="22.058"
x2="24.058"
y1="2.275"
y2="63.775"
href="#a"
/>
<linearGradient
id="i"
x1="21.749"
x2="23.749"
y1="2.285"
y2="63.785"
href="#a"
/>
<linearGradient
id="j"
x1="38.09"
x2="40.09"
y1="1.753"
y2="63.253"
href="#a"
/>
<linearGradient
id="k"
x1="37.781"
x2="39.781"
y1="1.763"
y2="63.263"
href="#a"
/>
<linearGradient
id="l"
x1="37.992"
x2="39.992"
y1="1.756"
y2="63.256"
href="#a"
/>
<linearGradient
id="m"
x1="37.683"
x2="39.683"
y1="1.766"
y2="63.266"
href="#a"
/>
<linearGradient
id="n"
x1="19.337"
x2="21.337"
y1="2.363"
y2="63.863"
href="#a"
/>
<linearGradient
id="o"
x1="27.329"
x2="29.329"
y1="2.103"
y2="63.603"
href="#a"
/>
<linearGradient
id="p"
x1="35.32"
x2="37.32"
y1="1.843"
y2="63.343"
href="#a"
/>
<linearGradient
id="q"
x1="43.312"
x2="45.312"
y1="1.583"
y2="63.083"
href="#a"
/>
<g fill-rule="evenodd">
<path
fill="url(#a)"
d="M48 49a1 1 0 0 0-1 1v9H17v-9a1 1 0 0 0-2 0v10a1 1 0 0 0 1 1h32a1 1 0 0 0 1-1V50a1 1 0 0 0-1-1z"
/>
<path
fill="url(#b)"
d="M16 15a1 1 0 0 0 1-1V5h30v9a1 1 0 0 0 2 0V4a1 1 0 0 0-1-1H16a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1z"
/>
<path
fill="url(#c)"
d="M44 15a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v3H27V8a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v6a1 1 0 0 0 2 0V9h4v3a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V9h4v5a1 1 0 0 0 1 1z"
/>
<path
fill="url(#d)"
d="M20 49a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h24a1 1 0 0 0 1-1v-6a1 1 0 0 0-2 0v5H21v-5a1 1 0 0 0-1-1z"
/>
<path fill="url(#e)" d="M36 53a1 1 0 0 0 0-2h-8a1 1 0 0 0 0 2z" />
<path fill="url(#f)" d="M35 9a1 1 0 0 0 0-2h-6a1 1 0 0 0 0 2z" />
<path
fill="url(#g)"
d="M52 16H12a1 1 0 0 0-1 1v30a1 1 0 0 0 1 1h40a1 1 0 0 0 1-1V17a1 1 0 0 0-1-1zm-1 30H13V18h38z"
/>
<path
fill="url(#h)"
d="M18 34.75h10a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1H18a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1zm1-5h8v3h-8z"
/>
<path
fill="url(#i)"
d="M18 44.25h10a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1H18a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1zm1-5h8v3h-8z"
/>
<path fill="url(#j)" d="M32 30.75h14a1 1 0 0 0 0-2H32a1 1 0 0 0 0 2z" />
<path fill="url(#k)" d="M46 38.25H32a1 1 0 0 0 0 2h14a1 1 0 0 0 0-2z" />
<path fill="url(#l)" d="M46 31.75H32a1 1 0 0 0 0 2h14a1 1 0 0 0 0-2z" />
<path fill="url(#m)" d="M46 41.25H32a1 1 0 0 0 0 2h14a1 1 0 0 0 0-2z" />
<path
fill="url(#n)"
d="M20 25.75a3 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-1z"
/>
<path
fill="url(#o)"
d="M28 25.75a3 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-1z"
/>
<path
fill="url(#p)"
d="M36 25.75a3 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-1z"
/>
<path
fill="url(#q)"
d="M44 25.75a3 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-1z"
/>
</g>
</svg>
More icons in the same style and category