Add icons to this collection by clicking the heart icon.
List icon - also known as heart, list, favourite, wish, love, favorites, wishlist, files and folders, love and romance, and shopping list. 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="512"
height="512"
viewBox="0 0 578 578"
>
<linearGradient
id="a"
x1="-19.948"
x2="24.606"
y1="605.108"
y2="635.529"
gradientTransform="matrix(8 0 0 -8 119 5373)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#faab20" />
<stop offset="1" stop-color="#de158c" />
</linearGradient>
<path
d="M433.906 117.324h-90.351a27.49 27.49 0 0 0 0-4.969 30.93 30.93 0 0 0-9.126-22.106c-12.343-11.782-31.767-11.782-44.111 0l-1.825 1.825-1.825-1.825c-12.343-11.782-31.767-11.782-44.111 0a30.927 30.927 0 0 0-9.126 22.106c.018 1.668.188 3.331.507 4.969h-89.844a5.07 5.07 0 0 0-5.07 5.07v369.413c0 2.8 2.27 5.07 5.07 5.07h289.811c2.8 0 5.07-2.27 5.07-5.07V122.394a5.069 5.069 0 0 0-5.069-5.07zM250.264 97.043c8.111-8.205 21.337-8.281 29.541-.17l.17.17 5.476 5.374a5.07 5.07 0 0 0 7.098 0l5.476-5.374c8.289-7.997 21.422-7.997 29.711 0 8.205 8.111 8.281 21.337.17 29.541l-.17.17L289 165.896l-38.736-39.142c-8.205-8.111-8.281-21.337-.17-29.541l.17-.17zm178.571 389.694h-279.67V127.464h89.134a31.013 31.013 0 0 0 5.07 6.895l42.387 42.285a4.867 4.867 0 0 0 7.098 0l42.387-42.285a33.6 33.6 0 0 0 5.07-6.895h88.829l-.305 359.273z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-27.677"
x2="16.864"
y1="616.436"
y2="646.857"
gradientTransform="matrix(8 0 0 -8 119 5373)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#faab20" />
<stop offset="1" stop-color="#de158c" />
</linearGradient>
<path
d="M227.448 257.869c2.8 0 5.07-2.27 5.07-5.07v-43.502c0-2.8-2.27-5.07-5.07-5.07h-43.502a5.171 5.171 0 0 0-5.07 5.07v43.502c0 2.8 2.27 5.07 5.07 5.07h43.502zm-38.432-43.502h33.362v33.362h-33.362v-33.362z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-22.923"
x2="21.618"
y1="609.476"
y2="639.897"
gradientTransform="matrix(8 0 0 -8 119 5373)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#faab20" />
<stop offset="1" stop-color="#de158c" />
</linearGradient>
<path
d="M251.379 231.099c0 2.8 2.27 5.07 5.07 5.07h137.605a5.172 5.172 0 0 0 5.07-5.07c0-2.8-2.27-5.07-5.07-5.07H256.449a5.069 5.069 0 0 0-5.07 5.07z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-22.482"
x2="22.073"
y1="608.82"
y2="639.241"
gradientTransform="matrix(8 0 0 -8 119 5373)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#faab20" />
<stop offset="1" stop-color="#de158c" />
</linearGradient>
<path
d="M231.099 344.772c2.8 0 5.07-2.27 5.07-5.07V296.2a5.171 5.171 0 0 0-5.07-5.07h-43.502a5.07 5.07 0 0 0-5.07 5.07v43.502c0 2.8 2.27 5.07 5.07 5.07h43.502zm-38.432-43.502h33.362v33.362h-33.362V301.27z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-17.73"
x2="26.825"
y1="601.863"
y2="632.284"
gradientTransform="matrix(8 0 0 -8 119 5373)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#faab20" />
<stop offset="1" stop-color="#de158c" />
</linearGradient>
<path
d="M259.999 312.931a5.07 5.07 0 0 0-5.07 5.07 5.171 5.171 0 0 0 5.07 5.07h137.605a5.07 5.07 0 0 0 0-10.14H259.999z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-17.269"
x2="27.273"
y1="601.197"
y2="631.618"
gradientTransform="matrix(8 0 0 -8 119 5373)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#faab20" />
<stop offset="1" stop-color="#de158c" />
</linearGradient>
<path
d="M234.648 378.134h-43.401a5.07 5.07 0 0 0-5.07 5.07v43.401c0 2.8 2.27 5.07 5.07 5.07h43.401c2.8 0 5.07-2.27 5.07-5.07v-43.401c0-2.8-2.27-5.07-5.07-5.07zm-5.07 43.4h-33.26v-33.26h33.26v33.26z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-12.517"
x2="32.025"
y1="594.24"
y2="624.661"
gradientTransform="matrix(8 0 0 -8 119 5373)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#faab20" />
<stop offset="1" stop-color="#de158c" />
</linearGradient>
<path
d="M263.649 399.834a5.07 5.07 0 0 0 0 10.14h137.605a5.07 5.07 0 0 0 0-10.14H263.649z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="-20.999"
x2="23.555"
y1="606.653"
y2="637.074"
gradientTransform="matrix(8 0 0 -8 119 5373)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#faab20" />
<stop offset="1" stop-color="#de158c" />
</linearGradient>
<path
d="M289 0C129.39 0 0 129.39 0 289s129.39 289 289 289 289-129.39 289-289C577.777 129.482 448.518.223 289 0zm0 567.86C134.99 567.86 10.14 443.01 10.14 289S134.99 10.14 289 10.14 567.86 134.99 567.86 289C567.636 442.917 442.917 567.636 289 567.86z"
fill="url(#h)"
/>
</svg>
More icons in the same style and category