Add icons to this collection by clicking the heart icon.
List icon - also known as education, notebook, pen, list, note, done, plan, and to do. 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 64 64"
>
<linearGradient id="a">
<stop offset="0" stop-color="#eda992" />
<stop offset=".295" stop-color="#e5886e" />
<stop offset=".626" stop-color="#c95f5f" />
<stop offset="1" stop-color="#c44747" />
</linearGradient>
<linearGradient
id="b"
x1="6.861"
x2="59.697"
y1="11.361"
y2="64.197"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="15.635"
x2="68.471"
y1="2.587"
y2="55.423"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="5.114"
x2="57.95"
y1="13.108"
y2="65.944"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="10.3"
x2="63.136"
y1="7.922"
y2="60.758"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="3.99"
x2="56.825"
y1="14.233"
y2="67.068"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="8.511"
x2="61.346"
y1="9.712"
y2="62.547"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="-2.884"
x2="49.952"
y1="21.106"
y2="73.942"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="-6.383"
x2="46.452"
y1="24.606"
y2="77.441"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="-9.883"
x2="42.953"
y1="28.105"
y2="80.941"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="3.114"
x2="55.95"
y1="15.108"
y2="67.943"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="-.386"
x2="52.45"
y1="18.608"
y2="71.444"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="-3.886"
x2="48.95"
y1="22.108"
y2="74.944"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M63.282 14.041C62.581 13.834 46.07 9.084 32 13.94c-14.07-4.855-30.581-.106-31.282.101A1 1 0 0 0 0 15v43a1 1 0 0 0 1.282.959c.167-.048 16.862-4.845 30.382-.018a.99.99 0 0 0 .672 0c13.521-4.827 30.215-.03 30.382.018A1 1 0 0 0 64 58V15a1 1 0 0 0-.718-.959zM62 15.768v37.931c-4.117-1.026-17.247-3.725-29-.065V15.719c11.789-3.912 25.714-.793 29 .049zM32 56.94c-11.997-4.14-25.767-1.297-30-.242v-.932a65.191 65.191 0 0 1 7.596-1.441.999.999 0 1 0-.259-1.982c-3.29.429-5.885 1-7.337 1.358V15.767c3.286-.84 17.212-3.96 29-.048V53.63c-5.07-1.578-10.961-2.156-17.563-1.699-.551.039-.966.517-.928 1.067s.505.949 1.067.929c6.907-.483 12.993.195 18.087 2.015a.99.99 0 0 0 .673-.001c11.933-4.26 26.33-1.027 29.664-.174v.931c-4.234-1.054-18.003-3.899-30 .242z"
/>
<path
fill="url(#c)"
d="M38.703 45.772a1.493 1.493 0 0 0 1.676-.061l3.345-2.451c.011-.008.017-.021.027-.029a.975.975 0 0 0 .23-.248l10.06-16.117.848.53-3.177 5.09a1 1 0 1 0 1.696 1.058l3.707-5.938a.996.996 0 0 0-.319-1.378L55.1 25.169a3.004 3.004 0 0 0-.956-4.134 3.005 3.005 0 0 0-4.134.957l-4.909 7.865a1 1 0 0 0 1.696 1.059l3.85-6.168 1.697 1.059-9.531 15.269-1.697-1.059 3.867-6.196a1 1 0 0 0-1.696-1.059l-4.397 7.045a.993.993 0 0 0-.136.353l-.732 4.082c-.106.603.16 1.204.681 1.53zM51.708 23.05a1.001 1.001 0 0 1 1.697 1.06zM40.215 43.352l.249-1.386.887.554z"
/>
<path
fill="url(#d)"
d="M13.506 24c1.378 0 2.5-1.121 2.5-2.5s-1.122-2.5-2.5-2.5-2.5 1.121-2.5 2.5 1.122 2.5 2.5 2.5zm0-3a.5.5 0 1 1-.002 1.002.5.5 0 0 1 .002-1.002z"
/>
<path
fill="url(#e)"
d="M24.21 24.333c1.378 0 2.5-1.121 2.5-2.5s-1.122-2.5-2.5-2.5-2.5 1.121-2.5 2.5 1.122 2.5 2.5 2.5zm0-3a.5.5 0 1 1-.002 1.002.5.5 0 0 1 .002-1.002z"
/>
<path
fill="url(#f)"
d="M11.987 17.804a.996.996 0 0 0-1.177-.784l-5 1a.999.999 0 1 0 .392 1.96l1.627-.325.654 3.489a1 1 0 0 0 1.966-.37l-.659-3.513 1.412-.282a.998.998 0 0 0 .785-1.175z"
/>
<path
fill="url(#g)"
d="M17.407 23.036c.197.025.393.037.586.037 1.945 0 3.604-1.256 3.829-2.997.124-.962-.197-1.911-.903-2.674-.66-.712-1.589-1.177-2.615-1.31a1.007 1.007 0 0 0-1.12.864l-.641 4.959a.998.998 0 0 0 .2.738.995.995 0 0 0 .664.383zm1.606-4.627c.166.1.314.219.439.354.296.319.434.694.387 1.058-.069.538-.536.968-1.157 1.153z"
/>
<path
fill="url(#h)"
d="m8.88 27.92-3.997.166a.999.999 0 0 0-.957 1.041l.167 3.997a.999.999 0 0 0 .999.958l.042-.001 3.996-.167c.552-.023.98-.489.958-1.041l-.168-3.996c-.023-.551-.479-.994-1.04-.957zm-2.831 4.121-.083-1.998 1.999-.083.083 1.998z"
/>
<path
fill="url(#i)"
d="m8.88 34.92-3.997.166a.999.999 0 0 0-.957 1.041l.167 3.997a.999.999 0 0 0 .999.958l.042-.001 3.996-.167c.552-.023.98-.489.958-1.041l-.168-3.996c-.023-.552-.479-1.002-1.04-.957zm-2.831 4.121-.083-1.998 1.999-.083.083 1.998z"
/>
<path
fill="url(#j)"
d="m8.88 41.92-3.997.166a.999.999 0 0 0-.957 1.041l.167 3.997a.999.999 0 0 0 .999.958l.042-.001 3.996-.167c.552-.023.98-.489.958-1.041l-.168-3.996c-.023-.551-.479-1.01-1.04-.957zm-2.831 4.121-.083-1.998 1.999-.083.083 1.998z"
/>
<path
fill="url(#k)"
d="M11.882 30.008a.999.999 0 1 0 .248 1.984c.079-.011 7.928-.969 13.711-.006a1 1 0 1 0 .329-1.972c-6.072-1.011-13.955-.047-14.288-.006z"
/>
<path
fill="url(#l)"
d="M11.882 37.008a.999.999 0 1 0 .248 1.984c.079-.011 7.928-.969 13.711-.006a1 1 0 1 0 .329-1.972c-6.072-1.012-13.955-.047-14.288-.006z"
/>
<path
fill="url(#m)"
d="M25.842 45.986a1 1 0 0 0 .328-1.972c-6.073-1.011-13.956-.047-14.289-.006a.999.999 0 1 0 .248 1.984c.08-.011 7.929-.969 13.713-.006z"
/>
</svg>
More icons in the same style and category