Add icons to this collection by clicking the heart icon.
Tasks icon - also known as interface, checking, tasks, list, tick, and files and folders. Created in a clean color style with a white, silver, gray, and black finish, 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="100"
height="100"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="256"
x2="256"
y1="509"
y2="-1.04"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c3d878" />
<stop offset="1" stop-color="#518457" />
</linearGradient>
<path
d="M512 118.23v275.54C512 459.07 459.07 512 393.77 512H118.23C52.93 512 0 459.07 0 393.77V118.23C0 52.93 52.93 0 118.23 0h275.54C459.07 0 512 52.93 512 118.23z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="256"
x2="256"
y1="505.078"
y2="3.01"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#acc944" />
<stop offset="1" stop-color="#2c684c" />
</linearGradient>
<path
d="M118.23 508C55.243 508 4 456.757 4 393.77V118.23C4 55.243 55.243 4 118.23 4h275.54C456.757 4 508 55.243 508 118.23v275.54C508 456.757 456.757 508 393.77 508H118.23z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="238.79"
x2="448.46"
y1="272.09"
y2="62.42"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#2c6833" />
<stop offset="1" stop-color="#2c684c" stop-opacity="0" />
</linearGradient>
<path
d="M512 223.66v170.11C512 459.07 459.07 512 393.77 512H217.42l-85.52-85.52L379.67 91.33 512 223.66z"
opacity=".5"
fill="url(#c)"
/>
<path
d="M378.279 434.481H143.721a9.206 9.206 0 0 1-9.206-9.206V108.032a9.206 9.206 0 0 1 9.206-9.206h234.558a9.206 9.206 0 0 1 9.206 9.206v317.243a9.206 9.206 0 0 1-9.206 9.206z"
opacity=".3"
fill="#1a1a1a"
/>
<path
d="M373.279 429.481H138.721a9.206 9.206 0 0 1-9.206-9.206V103.032a9.206 9.206 0 0 1 9.206-9.206h234.558a9.206 9.206 0 0 1 9.206 9.206v317.243a9.206 9.206 0 0 1-9.206 9.206z"
fill="#c1845b"
/>
<linearGradient
id="d"
x1="256"
x2="256"
y1="422.47"
y2="93.4"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffe5c2" />
<stop offset="1" stop-color="#e6ae7b" />
</linearGradient>
<path
d="M373.279 424.174H138.721a9.206 9.206 0 0 1-9.206-9.206V97.725a9.206 9.206 0 0 1 9.206-9.206h234.558a9.206 9.206 0 0 1 9.206 9.206v317.243a9.206 9.206 0 0 1-9.206 9.206z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="256"
x2="256"
y1="420.5"
y2="95.36"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd193" />
<stop offset="1" stop-color="#d89a6d" />
</linearGradient>
<path
d="M138.721 422.174a7.213 7.213 0 0 1-7.206-7.206V97.725a7.213 7.213 0 0 1 7.206-7.206h234.558a7.213 7.213 0 0 1 7.206 7.206v317.243a7.213 7.213 0 0 1-7.206 7.206H138.721z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="228.56"
x2="350.49"
y1="264.75"
y2="142.82"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bca083" />
<stop offset="1" stop-color="#b09b87" />
</linearGradient>
<path
d="M353.046 409.152H164.027c-7.47 0-13.527-6.056-13.527-13.527V162.828c0-7.47 6.056-13.527 13.527-13.527h189.019c7.47 0 13.527 6.056 13.527 13.527v232.797c-.001 7.471-6.057 13.527-13.527 13.527z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="226.03"
x2="347.95"
y1="267.28"
y2="145.36"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#dcd2d2" />
<stop offset=".995" stop-color="#d3caca" />
</linearGradient>
<path
d="M350.509 406.615H161.491c-7.47 0-13.527-6.056-13.527-13.527V160.292c0-7.47 6.056-13.527 13.527-13.527H350.51c7.47 0 13.527 6.056 13.527 13.527v232.797c-.001 7.47-6.057 13.526-13.528 13.526z"
fill="url(#g)"
/>
<path
d="M350.509 402.193H161.491c-7.47 0-13.527-6.056-13.527-13.527V155.869c0-7.47 6.056-13.527 13.527-13.527H350.51c7.47 0 13.527 6.056 13.527 13.527v232.797c-.001 7.471-6.057 13.527-13.528 13.527z"
fill="#fff"
/>
<linearGradient
id="h"
x1="226.211"
x2="347.391"
y1="271.521"
y2="150.351"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f6ebeb" />
<stop offset=".995" stop-color="#ede3e3" />
</linearGradient>
<path
d="M363.04 155.87v232.8c0 6.9-5.62 12.52-12.53 12.52H161.49c-6.91 0-12.53-5.62-12.53-12.52v-232.8c0-6.91 5.62-12.53 12.53-12.53h189.02c6.91 0 12.53 5.62 12.53 12.53z"
fill="url(#h)"
/>
<path
d="M297.263 337.721c-7.47 0-13.526 6.056-13.526 13.527l8.529 50.945 63.243-64.471h-58.246v-.001z"
fill="#dad1d1"
/>
<linearGradient
id="i"
x1="327.413"
x2="358.132"
y1="148.433"
y2="117.713"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#dad1d1" />
</linearGradient>
<path
d="M363.04 331.42v57.25c0 6.9-5.62 12.52-12.53 12.52h-57.25l69.78-69.77z"
fill="url(#i)"
/>
<linearGradient
id="j"
x1="295.471"
x2="326.891"
y1="180.371"
y2="148.951"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset=".421" stop-color="#fdfdfd" />
<stop offset=".618" stop-color="#f7f5f5" />
<stop offset=".767" stop-color="#ebe9e9" />
<stop offset=".893" stop-color="#dcd6d6" />
<stop offset=".999" stop-color="#c8c0c0" />
</linearGradient>
<path
d="M305.791 330.422c-7.47 0-13.526 6.056-13.526 13.527v58.245l71.771-71.771h-58.245v-.001z"
fill="url(#j)"
/>
<path
d="M211.36 188.93h121.18v14.15H211.36zM183.94 219.89h148.6v14.15h-148.6zM183.94 250.85h148.6V265h-148.6zM183.94 281.81h148.6v14.15h-148.6zM183.94 312.76h148.6v14.15h-148.6zM183.94 343.72h93.76v14.15h-93.76z"
fill="#9f9898"
/>
<path
d="M322.903 166.355H193.977c-5.667 0-10.278-4.611-10.278-10.278v-27.862c0-5.667 4.611-10.278 10.278-10.278h6.085v7.961h-6.085a2.32 2.32 0 0 0-2.318 2.318v27.862a2.32 2.32 0 0 0 2.318 2.318h128.926a2.32 2.32 0 0 0 2.318-2.318v-27.862a2.32 2.32 0 0 0-2.318-2.318h-9.852v-7.961h9.852c5.667 0 10.278 4.611 10.278 10.278v27.862c0 5.667-4.611 10.278-10.278 10.278z"
opacity=".35"
fill="#9f9898"
/>
<path
d="M320.463 163.915H191.537c-5.667 0-10.278-4.611-10.278-10.278v-27.862c0-5.667 4.611-10.278 10.278-10.278h6.085v7.961h-6.085a2.32 2.32 0 0 0-2.318 2.318v27.862a2.32 2.32 0 0 0 2.318 2.318h128.926a2.32 2.32 0 0 0 2.318-2.318v-27.862a2.32 2.32 0 0 0-2.318-2.318h-6.085v-7.961h6.085c5.667 0 10.278 4.611 10.278 10.278v27.862c0 5.667-4.611 10.278-10.278 10.278z"
fill="#9f9898"
/>
<linearGradient
id="k"
x1="256"
x2="256"
y1="405.59"
y2="383.49"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#524e4e" />
<stop offset=".451" stop-color="#6c6767" />
<stop offset="1" stop-color="#524e4e" />
</linearGradient>
<path
d="M308.08 130.746H203.92a6.298 6.298 0 0 1-6.298-6.298v-9.942a6.298 6.298 0 0 1 6.298-6.298h104.16a6.298 6.298 0 0 1 6.298 6.298v9.942a6.298 6.298 0 0 1-6.298 6.298z"
fill="url(#k)"
/>
</svg>
More icons in the same style and category