Add icons to this collection by clicking the heart icon.
List icon - also known as interface, signs, list, menu, order, layout, and ui. 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 469.333 469.333"
>
<linearGradient
id="a"
x1="-66.89"
x2="-62.183"
y1="611.338"
y2="606.631"
gradientTransform="matrix(21.3333 0 0 -21.3333 1430.111 13077)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M10.667 138.667H96c5.888 0 10.667-4.779 10.667-10.667V42.667C106.667 36.779 101.888 32 96 32H10.667C4.779 32 0 36.779 0 42.667V128c0 5.888 4.779 10.667 10.667 10.667zm10.666-85.334h64v64h-64v-64z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-66.89"
x2="-62.183"
y1="604.338"
y2="599.631"
gradientTransform="matrix(21.3333 0 0 -21.3333 1430.111 13077)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M0 277.333C0 283.221 4.779 288 10.667 288H96c5.888 0 10.667-4.779 10.667-10.667V192c0-5.888-4.779-10.667-10.667-10.667H10.667C4.779 181.333 0 186.112 0 192v85.333zm21.333-74.666h64v64h-64v-64z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-66.891"
x2="-62.182"
y1="597.337"
y2="592.632"
gradientTransform="matrix(21.3333 0 0 -21.3333 1430.111 13077)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M0 426.667c0 5.888 4.779 10.667 10.667 10.667H96c5.888 0 10.667-4.779 10.667-10.667v-85.333c0-5.888-4.779-10.667-10.667-10.667H10.667C4.779 330.667 0 335.445 0 341.333v85.334zM21.333 352h64v64h-64v-64z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-57.138"
x2="-48.935"
y1="614.088"
y2="605.881"
gradientTransform="matrix(21.3333 0 0 -21.3333 1430.111 13077)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M458.667 53.333h-320C132.779 53.333 128 58.112 128 64s4.779 10.667 10.667 10.667h320c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-57.138"
x2="-48.935"
y1="612.088"
y2="603.881"
gradientTransform="matrix(21.3333 0 0 -21.3333 1430.111 13077)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M458.667 96h-320C132.779 96 128 100.779 128 106.667s4.779 10.667 10.667 10.667h320c5.888 0 10.667-4.779 10.667-10.667S464.555 96 458.667 96z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-57.138"
x2="-48.935"
y1="607.088"
y2="598.881"
gradientTransform="matrix(21.3333 0 0 -21.3333 1430.111 13077)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M458.667 202.667h-320c-5.888 0-10.667 4.779-10.667 10.667S132.779 224 138.667 224h320c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.666-10.667-10.666z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-57.138"
x2="-48.935"
y1="605.088"
y2="596.881"
gradientTransform="matrix(21.3333 0 0 -21.3333 1430.111 13077)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M458.667 245.333h-320c-5.888 0-10.667 4.779-10.667 10.667s4.779 10.667 10.667 10.667h320c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="-57.138"
x2="-48.935"
y1="600.088"
y2="591.881"
gradientTransform="matrix(21.3333 0 0 -21.3333 1430.111 13077)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M458.667 352h-320c-5.888 0-10.667 4.779-10.667 10.667s4.779 10.667 10.667 10.667h320c5.888 0 10.667-4.779 10.667-10.667-.001-5.888-4.779-10.667-10.667-10.667z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="-57.138"
x2="-48.935"
y1="598.088"
y2="589.881"
gradientTransform="matrix(21.3333 0 0 -21.3333 1430.111 13077)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M458.667 394.667h-320c-5.888 0-10.667 4.779-10.667 10.667S132.779 416 138.667 416h320c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.666-10.667-10.666z"
fill="url(#i)"
/>
</svg>
More icons in the same style and category