Add icons to this collection by clicking the heart icon.
List icon - also known as interface, education, checking, tasks, list, and tick. 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="-45.383"
x2="18.742"
y1="623.711"
y2="623.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.268)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path
d="M196.267 170.667c32.99 0 59.733-26.743 59.733-59.733S229.257 51.2 196.267 51.2s-59.733 26.743-59.733 59.733c.033 32.973 26.76 59.7 59.733 59.734zm0-102.4c23.561 0 42.667 19.106 42.667 42.667S219.827 153.6 196.267 153.6 153.6 134.494 153.6 110.933c.026-23.552 19.115-42.641 42.667-42.666z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-45.383"
x2="18.742"
y1="589.711"
y2="589.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.268)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path
d="M196.267 341.333c-32.99 0-59.733 26.743-59.733 59.733s26.743 59.733 59.733 59.733S256 434.057 256 401.067c-.034-32.973-26.761-59.699-59.733-59.734zm0 102.4c-23.561 0-42.667-19.106-42.667-42.667s19.106-42.667 42.667-42.667 42.667 19.106 42.667 42.667c-.026 23.553-19.115 42.642-42.667 42.667z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-45.383"
x2="18.742"
y1="608.687"
y2="608.687"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.268)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path
d="M304.7 176.7c3.277-3.388 3.183-8.789-.213-12.066-3.311-3.191-8.55-3.191-11.853 0l-51.772 51.772c-21.973-24.687-59.802-26.897-84.489-4.924s-26.897 59.802-4.924 84.489 59.802 26.897 84.489 4.924c19.729-17.553 25.617-45.969 14.49-69.922L304.7 176.7zM196.267 298.667c-23.561.145-42.786-18.842-42.931-42.402-.145-23.561 18.842-42.786 42.402-42.931a42.68 42.68 0 0 1 32.956 15.249l-32.427 32.427-19.567-19.568c-3.388-3.277-8.789-3.183-12.066.213-3.191 3.311-3.191 8.55 0 11.853l25.6 25.6c3.328 3.328 8.738 3.328 12.066 0l34.799-34.799A42.06 42.06 0 0 1 238.934 256c-.026 23.552-19.115 42.641-42.667 42.667z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-45.383"
x2="18.742"
y1="610.711"
y2="610.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.268)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path
d="M366.933 213.333h-68.267a8.536 8.536 0 0 0-8.533 8.533 8.536 8.536 0 0 0 8.533 8.533h68.267a8.536 8.536 0 0 0 8.533-8.533c.001-4.71-3.822-8.533-8.533-8.533z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-45.383"
x2="18.742"
y1="606.711"
y2="606.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.268)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path
d="M366.933 247.467h-68.267a8.536 8.536 0 0 0-8.533 8.533 8.536 8.536 0 0 0 8.533 8.533h68.267a8.536 8.536 0 0 0 8.533-8.533c.001-4.71-3.822-8.533-8.533-8.533z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-45.383"
x2="18.742"
y1="602.711"
y2="602.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.268)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path
d="M366.933 281.6h-68.267a8.536 8.536 0 0 0-8.533 8.533 8.536 8.536 0 0 0 8.533 8.533h68.267a8.536 8.536 0 0 0 8.533-8.533c.001-4.71-3.822-8.533-8.533-8.533z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-45.383"
x2="18.742"
y1="593.711"
y2="593.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.268)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path
d="M366.933 358.4h-68.267c-4.71 0-8.533 3.823-8.533 8.533s3.823 8.533 8.533 8.533h68.267c4.71 0 8.533-3.823 8.533-8.533s-3.822-8.533-8.533-8.533z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="-45.383"
x2="18.742"
y1="589.711"
y2="589.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.268)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path
d="M366.933 392.533h-68.267c-4.71 0-8.533 3.823-8.533 8.533s3.823 8.533 8.533 8.533h68.267c4.71 0 8.533-3.823 8.533-8.533s-3.822-8.533-8.533-8.533z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="-45.383"
x2="18.742"
y1="585.711"
y2="585.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.268)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path
d="M366.933 426.667h-68.267c-4.71 0-8.533 3.823-8.533 8.533s3.823 8.533 8.533 8.533h68.267c4.71 0 8.533-3.823 8.533-8.533s-3.822-8.533-8.533-8.533z"
fill="url(#i)"
/>
<linearGradient
id="j"
x1="-45.383"
x2="18.742"
y1="606.711"
y2="606.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.268)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path
d="M93.867 512h324.267a8.536 8.536 0 0 0 8.533-8.533V110.933a8.452 8.452 0 0 0-2.509-6.042l-102.4-102.4a8.485 8.485 0 0 0-6.025-2.492H93.867a8.536 8.536 0 0 0-8.533 8.533v494.933A8.536 8.536 0 0 0 93.867 512zm230.4-482.867 73.267 73.267h-73.267V29.133zM102.4 17.067h204.8v93.867a8.536 8.536 0 0 0 8.533 8.533H409.6v375.467H102.4V17.067z"
fill="url(#j)"
/>
</svg>
More icons in the same style and category