Add icons to this collection by clicking the heart icon.
Procastination icon - also known as time, tasks, miscellaneous, and loss. 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="a">
<stop offset="0" stop-color="#560dff" />
<stop offset="1" stop-color="#73ecff" />
</linearGradient>
<linearGradient
id="d"
x1="74.98"
x2="437.019"
y1="437.02"
y2="74.981"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="e"
cx="256"
cy="256"
r="256"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6b23ea" />
<stop offset="1" stop-color="#63bcf5" stop-opacity="0" />
</radialGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#389fff" />
<stop offset=".12" stop-color="#40aff9" />
<stop offset=".572" stop-color="#5be9e6" />
<stop offset=".79" stop-color="#66ffde" />
<stop offset=".853" stop-color="#7effe3" />
<stop offset=".986" stop-color="#bbffef" />
<stop offset="1" stop-color="#c2fff0" />
</linearGradient>
<linearGradient
id="f"
x1="9.274"
x2="510.314"
y1="502.726"
y2="1.686"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="-93.497"
x2="515.123"
y1="605.497"
y2="-3.123"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="h"
cx="256"
cy="256"
r="162.463"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6b23ea" />
<stop offset=".217" stop-color="#6b26ea" stop-opacity=".783" />
<stop offset=".378" stop-color="#6a2feb" stop-opacity=".622" />
<stop offset=".521" stop-color="#6a40ec" stop-opacity=".479" />
<stop offset=".654" stop-color="#6856ee" stop-opacity=".346" />
<stop offset=".78" stop-color="#6774f0" stop-opacity=".22" />
<stop offset=".898" stop-color="#6597f2" stop-opacity=".102" />
<stop offset="1" stop-color="#63bcf5" stop-opacity="0" />
</radialGradient>
<linearGradient id="c">
<stop offset="0" stop-color="#66ffde" />
<stop offset=".126" stop-color="#6dffdf" />
<stop offset=".303" stop-color="#7fffe3" />
<stop offset=".511" stop-color="#9dffea" />
<stop offset=".742" stop-color="#c7fff3" />
<stop offset=".989" stop-color="#fcfffe" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="i"
x1="-111.269"
x2="393.633"
y1="623.269"
y2="118.368"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="j"
x1="139.335"
x2="371.899"
y1="376.608"
y2="144.045"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="123.456"
x2="298.991"
y1="312.635"
y2="137.1"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="158.772"
x2="334.438"
y1="334.79"
y2="159.124"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="226.497"
x2="449.171"
y1="364.855"
y2="142.181"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="n"
x1="230.706"
x2="416.174"
y1="300.904"
y2="115.435"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="o"
x1="118.793"
x2="267.828"
y1="368.961"
y2="219.926"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="138.212"
x2="287.854"
y1="367.035"
y2="217.392"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="q"
x1="169.513"
x2="339.315"
y1="342.487"
y2="172.685"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<circle cx="256" cy="256" r="256" fill="url(#d)" />
<circle cx="256" cy="256" r="256" fill="url(#e)" />
<circle cx="256" cy="256" r="200.9" fill="url(#f)" />
<path
fill="url(#g)"
d="M418.463 256c-.297 87.685-74.779 162.166-162.463 162.463C168.316 418.166 93.834 343.684 93.538 256 93.834 168.316 168.316 93.836 256 93.538c87.684.296 162.166 74.778 162.463 162.462z"
/>
<path
fill="url(#h)"
d="M418.463 256c-.297 87.685-74.779 162.166-162.463 162.463C168.316 418.166 93.834 343.684 93.538 256 93.834 168.316 168.316 93.836 256 93.538c87.684.296 162.166 74.778 162.463 162.462z"
/>
<path
fill="url(#i)"
d="M395.4 256c-.188 75.699-63.701 139.216-139.4 139.4-75.699-.186-139.213-63.702-139.4-139.4.187-75.697 63.701-139.214 139.4-139.4 75.699.187 139.213 63.702 139.4 139.4z"
/>
<path
fill="url(#j)"
d="M271.294 349.261c-76.313-.025-139.614-63.024-139.16-138.958a136.16 136.16 0 0 1 1.657-20.217C122.869 209.788 116.597 232.2 116.6 256c.187 75.699 63.701 139.215 139.4 139.4 68.945-.092 127.594-52.901 137.876-119.243-23.833 42.944-70.047 73.004-122.582 73.104z"
/>
<path
fill="url(#k)"
d="M256 131.975c-8.409.001-15.244 6.902-15.265 15.39-.048 23.915-.081 47.829-.097 71.744 10.242-.007 20.483-.007 30.725 0-.016-23.915-.049-47.829-.097-71.744-.021-8.486-6.857-15.389-15.266-15.39z"
/>
<path
fill="url(#l)"
d="M271.375 256c0-12.297-.004-24.594-.013-36.89A39.663 39.663 0 0 0 256 216.025a39.64 39.64 0 0 0-15.362 3.085c-.008 12.297-.013 24.594-.013 36.89z"
/>
<path
fill="url(#m)"
d="M372.333 248.376c-25.703-.028-51.406-.046-77.109-.056.002 5.12.002 10.241 0 15.361 25.703-.01 51.406-.028 77.109-.056 4.246-.005 7.691-3.418 7.692-7.625 0-4.204-3.445-7.619-7.692-7.624z"
/>
<path
fill="url(#n)"
d="M295.224 248.32c-13.075-.005-26.15-.007-39.224-.007v15.375c13.075 0 26.149-.002 39.224-.007.488-2.485.751-5.054.751-7.68a39.83 39.83 0 0 0-.751-7.681z"
/>
<path
fill="url(#o)"
d="M216.366 261.125a18764.349 18764.349 0 0 1-48.773 28.04c-7.336 4.202-9.805 13.53-5.519 20.87s13.68 9.92 20.994 5.725a20222.632 20222.632 0 0 0 48.7-28.018c-5.134-8.876-10.271-17.75-15.402-26.617z"
/>
<path
fill="url(#p)"
d="M248.313 242.686c-10.649 6.149-21.3 12.3-31.947 18.439 1.395 10.806 7.135 20.282 15.402 26.616 10.633-6.134 21.274-12.279 31.919-18.426-5.123-8.876-10.25-17.754-15.374-26.629z"
/>
<path
fill="url(#q)"
d="M279.063 256c-.001 12.73-10.332 23.061-23.063 23.063-12.731-.003-23.062-10.331-23.063-23.063 0-12.732 10.332-23.062 23.063-23.063 12.731.001 23.062 10.329 23.063 23.063z"
/>
</svg>
More icons in the same style and category