Add icons to this collection by clicking the heart icon.
Notebook icon - also known as education, study, write, notebook, pencil, workbook, note, planning, organization, and lecture. Created in a clean flat 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 512 512"
>
<linearGradient
id="b"
x1="32"
x2="71.426"
y1="428.073"
y2="428.073"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#3d3f40" />
<stop offset="1" stop-color="#353738" />
</linearGradient>
<linearGradient
id="c"
x1="224"
x2="224"
y1="480"
y2="437.102"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4c7de6" />
<stop offset=".013" stop-color="#4d7ee6" />
<stop offset=".376" stop-color="#5e8def" />
<stop offset=".645" stop-color="#6492f2" />
</linearGradient>
<linearGradient
id="d"
x1="352"
x2="352"
y1="96"
y2="32"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4c7de6" />
<stop offset="1" stop-color="#6492f2" />
</linearGradient>
<linearGradient
id="e"
x1="224"
x2="224"
y1="464"
y2="416"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#aaaae3" />
<stop offset=".281" stop-color="#c2c2ec" />
<stop offset=".457" stop-color="#ccccf0" />
</linearGradient>
<linearGradient
id="f"
x1="64"
x2="384"
y1="240"
y2="240"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e6e6ff" />
<stop offset="1" stop-color="#f2f2ff" />
</linearGradient>
<linearGradient
id="a"
x1="229"
x2="229"
y1="264"
y2="254"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#665d75" />
<stop offset="1" stop-color="#746e80" />
</linearGradient>
<linearGradient id="g" x1="229" x2="229" y1="306" y2="296" href="#a" />
<linearGradient id="h" x1="229" x2="229" y1="348" y2="338" href="#a" />
<linearGradient id="i" x1="169" x2="169" y1="390" y2="380" href="#a" />
<linearGradient
id="j"
x1="31.999"
x2="94.8"
y1="232.043"
y2="232.043"
href="#b"
/>
<linearGradient
id="k"
x1="234.024"
x2="255.408"
y1="378.784"
y2="378.784"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#414344" />
<stop offset="1" stop-color="#353738" />
</linearGradient>
<linearGradient
id="l"
x1="244.999"
x2="280.107"
y1="360.947"
y2="360.947"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ebc9a0" />
<stop offset=".518" stop-color="#e5bb92" />
<stop offset=".848" stop-color="#e1af87" />
</linearGradient>
<linearGradient
id="m"
x1="449.813"
x2="472.44"
y1="151.06"
y2="173.687"
gradientTransform="rotate(-45 461.132 162.47)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff9984" />
<stop offset="1" stop-color="#f07a5e" />
</linearGradient>
<linearGradient
id="n"
x1="257.48"
x2="461.127"
y1="264.197"
y2="264.197"
gradientTransform="rotate(-45 359.282 264.282)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffbe63" />
<stop offset=".526" stop-color="#fbb05c" />
<stop offset="1" stop-color="#f79f54" />
</linearGradient>
<linearGradient
id="o"
x1="265.258"
x2="453.349"
y1="264.197"
y2="264.197"
gradientTransform="rotate(45 359.378 264.152)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffea63" />
<stop offset=".291" stop-color="#ffe563" />
<stop offset=".613" stop-color="#ffd863" />
<stop offset=".948" stop-color="#ffc263" />
<stop offset="1" stop-color="#ffbe63" />
</linearGradient>
<linearGradient
id="p"
x1="433.427"
x2="466.199"
y1="173.687"
y2="173.687"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7e778a" />
<stop offset="1" stop-color="#6d6778" />
</linearGradient>
<linearGradient
id="q"
x1="320"
x2="384"
y1="64"
y2="64"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#aaaae3" />
<stop offset="1" stop-color="#ccccf0" />
</linearGradient>
<linearGradient id="r" x1="229" x2="229" y1="138" y2="128" href="#a" />
<linearGradient id="s" x1="229" x2="229" y1="180" y2="170" href="#a" />
<linearGradient id="t" x1="229" x2="229" y1="222" y2="212" href="#a" />
<path
fill="url(#b)"
d="M48.02 415.207A16 16 0 0 0 64 432l7.426 7.253L64 448a32 32 0 0 1-32-32l8.061-7.855z"
/>
<path
fill="url(#c)"
d="M208 437.102 64 464v16h304a16 16 0 0 0 16-16v-18z"
/>
<path fill="url(#d)" d="M384 96V48a16 16 0 0 0-16-16h-48l22.654 40.319z" />
<path fill="url(#e)" d="M211.5 416 64 448v16h304a16 16 0 0 0 16-16v-16z" />
<path
fill="url(#f)"
d="M320 32H64v416h304a16 16 0 0 0 16-16V96l-42.766-21.147z"
/>
<path
fill="url(#a)"
d="M333.455 264h-208.91c-6.621 0-6.608-10 0-10h208.91c6.622 0 6.608 10 0 10z"
/>
<path
fill="url(#g)"
d="M333.455 306h-208.91c-6.621 0-6.608-10 0-10h208.91c6.622 0 6.608 10 0 10z"
/>
<path
fill="url(#h)"
d="M333.455 348h-208.91c-6.621 0-6.608-10 0-10h208.91c6.622 0 6.608 10 0 10z"
/>
<path
fill="url(#i)"
d="M213.455 390h-88.91c-6.621 0-6.608-10 0-10h88.91c6.621 0 6.608 10 0 10z"
/>
<path
fill="url(#j)"
d="M32 416a31.787 31.787 0 0 1 11.036-24 31.611 31.611 0 0 1 0-48 31.611 31.611 0 0 1 0-48 31.611 31.611 0 0 1 0-48 31.611 31.611 0 0 1 0-48 31.611 31.611 0 0 1 0-48 31.611 31.611 0 0 1 0-48 31.735 31.735 0 0 1-10.94-26.496c2.655-34.357 50.866-40.686 62.162-7.945 3.393 9.836-11.722 14.994-15.146 5.173-5.804-16.652-30.298-12.834-31.095 4.514-1.243 27.075 34.636 5.358 46.174 38.122 3.526 10.012-11.662 15.164-15.079 5.364-5.804-16.652-30.298-12.834-31.095 4.514-1.243 27.075 34.636 5.358 46.174 38.122 3.526 10.012-11.662 15.164-15.079 5.364-5.804-16.652-30.298-12.834-31.095 4.514-1.243 27.075 34.636 5.358 46.174 38.122 3.526 10.012-11.662 15.164-15.079 5.364-5.804-16.652-30.298-12.834-31.095 4.514-1.238 26.966 34.285 5.411 46.067 37.82 3.813 10.492-11.573 15.417-14.972 5.666-5.81-16.667-30.26-12.798-31.093 4.476-1.312 27.202 34.904 5.343 46.254 38.395 3.535 10.294-11.735 14.692-15.206 5.001-6.02-16.807-31.226-12.48-31.066 5.54.227 25.744 34.452 4.994 46.075 36.903 3.831 10.517-11.564 15.437-14.963 5.685-5.81-16.667-30.26-12.798-31.094 4.476-1.302 26.99 34.28 5.444 46.064 37.858 3.814 10.49-11.57 15.42-14.97 5.666-5.81-16.667-30.26-12.798-31.094 4.476z"
/>
<path
fill="url(#k)"
d="M255.408 375.163 242.63 387.94c-4.675 4.675-11.752-2.39-7.071-7.071l12.777-12.777z"
/>
<path
fill="url(#l)"
d="m252.07 378.501 28.037-12.481s-6.034-16.758-5.952-16.675-16.675-5.952-16.675-5.952l-12.481 28.037z"
/>
<path
fill="url(#m)"
d="M455.127 146.373h12a10 10 0 0 1 10 10v22h-32v-22a10 10 0 0 1 10-10z"
transform="rotate(45 461.191 162.301)"
/>
<path
fill="url(#n)"
d="M343.303 136.197h32v256h-32z"
transform="rotate(45 359.378 264.152)"
/>
<path
fill="url(#o)"
d="M231.303 259.197h256v10h-256z"
transform="rotate(-45 359.282 264.282)"
/>
<path
fill="url(#p)"
d="m457.591 188.536-22.627-22.627c-4.682-4.682 2.398-11.744 7.07-7.071l22.628 22.627c4.682 4.682-2.398 11.744-7.07 7.071z"
/>
<path fill="url(#q)" d="m320 32 64 64h-44a20 20 0 0 1-20-20z" />
<path
fill="url(#r)"
d="M333.455 138h-208.91c-6.621 0-6.608-10 0-10h208.91c6.622 0 6.608 10 0 10z"
/>
<path
fill="url(#s)"
d="M333.455 180h-208.91c-6.621 0-6.608-10 0-10h208.91c6.622 0 6.608 10 0 10z"
/>
<path
fill="url(#t)"
d="M333.455 222h-208.91c-6.621 0-6.608-10 0-10h208.91c6.622 0 6.608 10 0 10z"
/>
</svg>
More icons in the same style and category