Add icons to this collection by clicking the heart icon.
Checklist icon - also known as file, document, criteria, test, archive, checklist, 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="100"
height="100"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="74.981"
x2="437.019"
y1="439.019"
y2="76.981"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff53a0" />
<stop offset="1" stop-color="#a90057" />
</linearGradient>
<circle cx="256" cy="256" r="256" fill="url(#a)" />
<linearGradient
id="b"
x1="173.67"
x2="332.55"
y1="259.644"
y2="259.644"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#9330b2" />
<stop offset="1" stop-color="#451151" />
</linearGradient>
<path
d="M363.462 438.333H148.537c-12.971 0-23.583-10.612-23.583-23.583V93.961c0-12.971 10.612-23.583 23.583-23.583h214.925c12.971 0 23.583 10.612 23.583 23.583V414.75c0 12.971-10.612 23.583-23.583 23.583z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="173.67"
x2="332.55"
y1="263.28"
y2="263.28"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".005" stop-color="#fff" />
<stop offset="1" stop-color="#ffe767" />
</linearGradient>
<path d="M146.29 94.4H365.7v312.64H146.29z" fill="url(#c)" />
<linearGradient
id="d"
x1="173.67"
x2="332.55"
y1="119.731"
y2="119.731"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".005" stop-color="#ffe767" />
<stop offset=".168" stop-color="#ffe661" />
<stop offset=".395" stop-color="#ffe44e" />
<stop offset=".659" stop-color="#ffe131" />
<stop offset=".951" stop-color="#ffdd08" />
<stop offset="1" stop-color="#ffdc00" />
</linearGradient>
<path d="M146.29 381.5H365.7v25.539H146.29z" fill="url(#d)" />
<linearGradient
id="e"
x1="173.67"
x2="332.55"
y1="432.457"
y2="432.457"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffc86f" />
<stop offset="1" stop-color="#ff5b00" />
</linearGradient>
<path
d="M300.673 106.919h-89.347c-6.6 0-12-5.4-12-12V68.167c0-6.6 5.4-12 12-12h89.347c6.6 0 12 5.4 12 12V94.92c0 6.599-5.4 11.999-12 11.999z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="173.67"
x2="332.55"
y1="361.115"
y2="361.115"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00f8fe" />
<stop offset="1" stop-color="#00a7c0" />
</linearGradient>
<path d="M174.35 142.1h112.16v21.57H174.35z" fill="url(#f)" />
<linearGradient
id="g"
x1="173.67"
x2="332.55"
y1="301.475"
y2="301.475"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00f8fe" />
<stop offset="1" stop-color="#00a7c0" />
</linearGradient>
<path d="M174.35 201.74h112.16v21.57H174.35z" fill="url(#g)" />
<linearGradient
id="h"
x1="173.67"
x2="332.55"
y1="241.845"
y2="241.845"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00f8fe" />
<stop offset="1" stop-color="#00a7c0" />
</linearGradient>
<path d="M174.35 261.37h112.16v21.57H174.35z" fill="url(#h)" />
<linearGradient
id="i"
x1="173.67"
x2="332.55"
y1="182.215"
y2="182.215"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffc86f" />
<stop offset="1" stop-color="#ff5b00" />
</linearGradient>
<path d="M174.35 321h112.16v21.57H174.35z" fill="url(#i)" />
<linearGradient
id="j"
x1="271.821"
x2="430.701"
y1="482.092"
y2="120.053"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff53a0" />
<stop offset="1" stop-color="#a90057" />
</linearGradient>
<path
d="m318.309 167.516-19.731-18.606 8.356-8.862 11.199 10.559 17.91-17.613 8.54 8.684z"
fill="url(#j)"
/>
<linearGradient
id="k"
x1="249.784"
x2="408.664"
y1="472.421"
y2="110.382"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff53a0" />
<stop offset="1" stop-color="#a90057" />
</linearGradient>
<path
d="m318.309 227.404-19.731-18.606 8.356-8.862 11.199 10.559 17.91-17.613 8.54 8.684z"
fill="url(#k)"
/>
<linearGradient
id="l"
x1="227.746"
x2="386.626"
y1="462.75"
y2="100.711"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff53a0" />
<stop offset="1" stop-color="#a90057" />
</linearGradient>
<path
d="m318.309 287.292-19.731-18.606 8.356-8.862 11.199 10.56 17.91-17.614 8.54 8.684z"
fill="url(#l)"
/>
</svg>
More icons in the same style and category