Add icons to this collection by clicking the heart icon.
Tasks icon - also known as checking, verification, clipboard, tasks, list, and miscellaneous. 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="c"
x1="74.981"
x2="437.02"
y1="437.02"
y2="74.981"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#8d00db" />
<stop offset="1" stop-color="#fc54ff" />
</linearGradient>
<radialGradient
id="d"
cx="256.001"
cy="256"
r="256"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#230be0" stop-opacity=".66" />
<stop offset="1" stop-color="#fc54ff" stop-opacity="0" />
</radialGradient>
<linearGradient
id="e"
x1="-17.261"
x2="410.403"
y1="529.262"
y2="101.597"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc54ff" />
<stop offset="1" stop-color="#fda0ff" />
</linearGradient>
<radialGradient
id="f"
cx="256"
cy="256.001"
r="172.367"
gradientUnits="userSpaceOnUse"
>
<stop offset=".257" stop-color="#b31de7" stop-opacity=".6" />
<stop offset=".36" stop-color="#b826e9" stop-opacity=".517" />
<stop offset=".527" stop-color="#c63eed" stop-opacity=".382" />
<stop offset=".738" stop-color="#dc66f4" stop-opacity=".211" />
<stop offset=".982" stop-color="#fb9cfe" stop-opacity=".014" />
<stop offset="1" stop-color="#fda0ff" stop-opacity="0" />
</radialGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#fda0ff" />
<stop offset=".486" stop-color="#feccff" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="g"
x1="89.51"
x2="371.508"
y1="566.974"
y2="284.975"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="256"
x2="256"
y1="355.535"
y2="472.99"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc54ff" />
<stop offset=".045" stop-color="#fc69ff" stop-opacity=".955" />
<stop offset=".144" stop-color="#fd91ff" stop-opacity=".856" />
<stop offset=".251" stop-color="#feb3ff" stop-opacity=".75" />
<stop offset=".362" stop-color="#fecfff" stop-opacity=".638" />
<stop offset=".483" stop-color="#ffe4ff" stop-opacity=".517" />
<stop offset=".616" stop-color="#fff3ff" stop-opacity=".384" />
<stop offset=".771" stop-color="#fffcff" stop-opacity=".229" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<linearGradient
id="i"
x1="10.588"
x2="342.948"
y1="585.375"
y2="253.015"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="j"
cx="272.126"
cy="285.964"
r="136.206"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc54ff" stop-opacity=".6" />
<stop offset=".031" stop-color="#fc5cff" stop-opacity=".582" />
<stop offset=".152" stop-color="#fc75ff" stop-opacity=".509" />
<stop offset=".288" stop-color="#fd88ff" stop-opacity=".427" />
<stop offset=".445" stop-color="#fd96ff" stop-opacity=".333" />
<stop offset=".641" stop-color="#fd9eff" stop-opacity=".215" />
<stop offset="1" stop-color="#fda0ff" stop-opacity="0" />
</radialGradient>
<linearGradient
id="k"
x1="250.56"
x2="365.301"
y1="264.27"
y2="379.011"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc54ff" stop-opacity=".6" />
<stop offset=".049" stop-color="#fc65ff" stop-opacity=".57" />
<stop offset=".133" stop-color="#fd7bff" stop-opacity=".52" />
<stop offset=".232" stop-color="#fd8cff" stop-opacity=".461" />
<stop offset=".354" stop-color="#fd97ff" stop-opacity=".388" />
<stop offset=".525" stop-color="#fd9eff" stop-opacity=".285" />
<stop offset="1" stop-color="#fda0ff" stop-opacity="0" />
</linearGradient>
<linearGradient
id="l"
x1="-163.231"
x2="323.788"
y1="703.809"
y2="216.79"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffceec" />
<stop offset=".901" stop-color="#fffafd" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="m"
x1="-660.955"
x2="344.902"
y1="1094.833"
y2="88.976"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="n"
cx="293.714"
cy="305.874"
r="137.015"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc54ff" stop-opacity=".6" />
<stop offset=".233" stop-color="#fd89ff" stop-opacity=".46" />
<stop offset=".486" stop-color="#febbff" stop-opacity=".308" />
<stop offset=".708" stop-color="#fee0ff" stop-opacity=".175" />
<stop offset=".886" stop-color="#fff7ff" stop-opacity=".068" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</radialGradient>
<radialGradient
id="o"
cx="322.87"
cy="350.239"
r="235.835"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fda0ff" />
<stop offset=".451" stop-color="#fed2ff" stop-opacity=".729" />
<stop offset=".805" stop-color="#fff3ff" stop-opacity=".517" />
<stop offset="1" stop-color="#fff" stop-opacity=".4" />
</radialGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#fc54ff" />
<stop offset=".196" stop-color="#fd80ff" />
<stop offset=".467" stop-color="#feb6ff" />
<stop offset=".701" stop-color="#fedeff" />
<stop offset=".886" stop-color="#fff6ff" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="p"
x1="-20.209"
x2="378.753"
y1="463.75"
y2="64.788"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="q"
x1="-112.199"
x2="403.159"
y1="488.877"
y2="-26.481"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="r"
x1="202.492"
x2="340.123"
y1="203.074"
y2="65.442"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="s"
x1="69.897"
x2="363.644"
y1="266.807"
y2="-26.94"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<circle cx="256" cy="256" r="256" fill="url(#c)" />
<circle cx="256" cy="256" r="256" fill="url(#d)" />
<path
fill="url(#e)"
d="M402.062 414.501c-.555 16.464-14.589 30.872-31.062 31.748a2232.42 2232.42 0 0 1-230 0c-16.473-.876-30.507-15.283-31.062-31.748a4902.706 4902.706 0 0 1 0-317c.555-16.464 14.588-30.872 31.062-31.748a2232.42 2232.42 0 0 1 230 0c16.473.877 30.507 15.284 31.062 31.748a4902.706 4902.706 0 0 1 0 317z"
/>
<path
fill="url(#f)"
d="M402.062 414.501c-.555 16.464-14.589 30.872-31.062 31.748a2232.42 2232.42 0 0 1-230 0c-16.473-.876-30.507-15.283-31.062-31.748a4902.706 4902.706 0 0 1 0-317c.555-16.464 14.588-30.872 31.062-31.748a2232.42 2232.42 0 0 1 230 0c16.473.877 30.507 15.284 31.062 31.748a4902.706 4902.706 0 0 1 0 317z"
/>
<path
fill="url(#g)"
d="M139.461 385.693c.208 10.093.44 20.185.697 30.278a2693.489 2693.489 0 0 0 231.685 0c.257-10.093.489-20.185.697-30.278-38.43-18.839-77.374-38.979-116.539-59.479-39.166 20.499-78.11 40.64-116.54 59.479z"
/>
<path
fill="url(#h)"
d="M139.461 385.693c.208 10.093.44 20.185.697 30.278a2693.489 2693.489 0 0 0 231.685 0c.257-10.093.489-20.185.697-30.278-38.43-18.839-77.374-38.979-116.539-59.479-39.166 20.499-78.11 40.64-116.54 59.479z"
/>
<path
fill="url(#i)"
d="M209.906 223.789c-.106 54.538.057 109.077.491 163.615 54.047.734 108.094.163 162.141-1.711a6295.081 6295.081 0 0 0 1.256-161.484c-54.629-.46-109.258-.6-163.888-.42z"
/>
<path
fill="url(#j)"
d="M209.906 223.789c-.106 54.538.057 109.077.491 163.615 54.047.734 108.094.163 162.141-1.711a6295.081 6295.081 0 0 0 1.256-161.484c-54.629-.46-109.258-.6-163.888-.42z"
/>
<path
fill="url(#k)"
d="M209.906 223.789c-.106 54.538.057 109.077.491 163.615 54.047.734 108.094.163 162.141-1.711a6295.081 6295.081 0 0 0 1.256-161.484c-54.629-.46-109.258-.6-163.888-.42z"
/>
<path
fill="url(#l)"
d="M360.366 256.325c-39.293 38.822-78.901 78.71-117.752 117.855-5.788-45.05-11.643-90.089-17.358-135.074 45.026 5.689 90.071 11.544 135.11 17.219z"
/>
<path
fill="url(#m)"
d="M139.791 111.17a6295.162 6295.162 0 0 0-.33 274.523c23.646.82 47.291 1.39 70.937 1.711 12.584.173 23.964-4.909 32.216-13.224A46.193 46.193 0 0 0 256 341.588v-56.375c-.001-8.491 6.882-15.375 15.373-15.379 18.789-.009 37.579-.034 56.368-.075 12.728-.029 24.279-5.193 32.625-13.435 8.345-8.246 13.494-19.585 13.429-32.116-.19-37.68-.719-75.359-1.586-113.039a3001.236 3001.236 0 0 0-45.473-1.421c-23.649-5.653-47.232-11.086-70.736-16.211-23.504 5.125-47.087 10.558-70.736 16.211-15.157.36-30.315.833-45.473 1.422z"
/>
<path
fill="url(#n)"
d="M139.791 111.17a6295.162 6295.162 0 0 0-.33 274.523c23.646.82 47.291 1.39 70.937 1.711 12.584.173 23.964-4.909 32.216-13.224A46.193 46.193 0 0 0 256 341.588v-56.375c-.001-8.491 6.882-15.375 15.373-15.379 18.789-.009 37.579-.034 56.368-.075 12.728-.029 24.279-5.193 32.625-13.435 8.345-8.246 13.494-19.585 13.429-32.116-.19-37.68-.719-75.359-1.586-113.039a3001.236 3001.236 0 0 0-45.473-1.421c-23.649-5.653-47.232-11.086-70.736-16.211-23.504 5.125-47.087 10.558-70.736 16.211-15.157.36-30.315.833-45.473 1.422z"
/>
<path
fill="url(#o)"
d="M343.124 259.558c-12.774-.905-75.566-13.376-75.565-13.383-20.618-3.621-37.818 14.45-35.214 35.207-.008-.006 7.407 62.774 8.382 75.555.661 8.687-1.963 16.841-6.31 23.773a45.305 45.305 0 0 0 8.196-6.53 46.193 46.193 0 0 0 13.386-32.592v-56.375c-.001-8.491 6.882-15.375 15.373-15.379 18.789-.009 37.579-.034 56.368-.075 12.474-.028 23.81-4.997 32.113-12.953-5.196 2.093-10.84 3.183-16.729 2.752z"
opacity=".6"
/>
<path
fill="url(#p)"
d="M311.493 101.769c.146 12.767.274 25.535.384 38.303a27085.163 27085.163 0 0 0-15.15 15.154c5.091.047 10.182.103 15.273.167 8.438.103 15.212-6.628 15.116-15.068a10389.42 10389.42 0 0 0-.38-30.575c-5.088-2.668-10.169-5.329-15.243-7.981z"
/>
<path
fill="url(#q)"
d="M311.876 140.071a3826.409 3826.409 0 0 0-111.753 0c.11-12.767.238-25.535.384-38.303a14520.23 14520.23 0 0 0-15.243 7.98c-.141 10.192-.268 20.383-.38 30.575-.096 8.44 6.678 15.171 15.116 15.068 32.242-.408 64.484-.464 96.726-.167a14.954 14.954 0 0 0 15.15-15.153z"
/>
<path
fill="url(#r)"
d="m296.153 78.493-14.97 15.163c5.064 5.168 10.144 10.346 15.237 15.53 10.105.137 20.21.324 30.315.563-.118-8.493-.246-16.986-.384-25.479-.046-2.814-2.332-5.16-5.103-5.235a2442.65 2442.65 0 0 0-25.095-.542z"
/>
<path
fill="url(#s)"
d="M185.648 84.27c-.138 8.493-.266 16.986-.384 25.479a2993.507 2993.507 0 0 1 111.156-.563c-.081-10.231-.17-20.462-.268-30.693a2441.465 2441.465 0 0 0-105.401.542c-2.771.074-5.056 2.421-5.103 5.235z"
/>
</svg>
More icons in the same style and category