Add icons to this collection by clicking the heart icon.
List icon - also known as interface, checking, tasks, list, tick, compliance, 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 490.667 490.667"
>
<linearGradient
id="a"
x1="-43.763"
x2="-24.643"
y1="621.798"
y2="602.677"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M458.667 0H117.333c-5.888 0-10.667 4.779-10.667 10.667V320H32c-5.888 0-10.667 4.779-10.667 10.667v106.667c0 29.397 23.915 53.333 53.333 53.333H416c29.419 0 53.333-23.936 53.333-53.333V10.667C469.333 4.779 464.555 0 458.667 0zm-384 469.333c-17.643 0-32-14.357-32-32v-96h64v96c0 17.643-14.358 32-32 32zm373.333-32c0 17.643-14.357 32-32 32H117.312c6.699-8.917 10.688-19.989 10.688-32v-416h320v416z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-37.202"
x2="-33.787"
y1="620.359"
y2="616.943"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M181.333 128h115.563c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667H181.333c-5.888 0-10.667 4.779-10.667 10.667S175.445 128 181.333 128z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-37.202"
x2="-33.787"
y1="616.359"
y2="612.943"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M181.333 213.333h115.563c5.888 0 10.667-4.779 10.667-10.667S302.784 192 296.896 192H181.333c-5.888 0-10.667 4.779-10.667 10.667s4.779 10.666 10.667 10.666z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-37.202"
x2="-33.787"
y1="612.359"
y2="608.943"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M181.333 298.667h115.563c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667H181.333c-5.888 0-10.667 4.779-10.667 10.667s4.779 10.667 10.667 10.667z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-37.201"
x2="-33.788"
y1="608.359"
y2="604.943"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M181.333 384h115.563c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667H181.333c-5.888 0-10.667 4.779-10.667 10.667S175.445 384 181.333 384z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-30.555"
x2="-28.85"
y1="620.005"
y2="618.296"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M344.448 146.197a10.645 10.645 0 0 0 7.552 3.136c2.731 0 5.461-1.045 7.531-3.136l42.667-42.667c4.16-4.16 4.16-10.923 0-15.083s-10.923-4.16-15.083 0L352 123.584l-13.803-13.803c-4.16-4.16-10.923-4.16-15.083 0s-4.16 10.923 0 15.083l21.334 21.333z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-30.555"
x2="-28.85"
y1="616.005"
y2="614.295"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M344.448 231.552a10.716 10.716 0 0 0 7.552 3.115c2.731 0 5.461-1.045 7.531-3.115l42.667-42.667c4.16-4.16 4.16-10.923 0-15.083s-10.923-4.16-15.083 0L352 208.917l-13.803-13.803c-4.16-4.16-10.923-4.16-15.083 0s-4.16 10.923 0 15.083l21.334 21.355z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="-30.555"
x2="-28.85"
y1="612.005"
y2="610.295"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M344.448 316.885A10.716 10.716 0 0 0 352 320c2.731 0 5.461-1.045 7.531-3.115l42.667-42.667c4.16-4.16 4.16-10.923 0-15.083s-10.923-4.16-15.083 0L352 294.251l-13.803-13.803c-4.16-4.16-10.923-4.16-15.083 0s-4.16 10.923 0 15.083l21.334 21.354z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="-30.554"
x2="-28.85"
y1="608"
y2="606.297"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M344.448 402.219a10.716 10.716 0 0 0 7.552 3.115c2.731 0 5.461-1.045 7.531-3.115l42.667-42.667c4.16-4.16 4.16-10.923 0-15.083s-10.923-4.16-15.083 0L352 379.584l-13.803-13.781c-4.16-4.16-10.923-4.16-15.083 0s-4.16 10.923 0 15.083l21.334 21.333z"
fill="url(#i)"
/>
</svg>
More icons in the same style and category