Add icons to this collection by clicking the heart icon.
Notebook icon - also known as education, file, notebook, notes, pencil, writing, notepad, and draft. 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 356 356"
>
<linearGradient id="a">
<stop offset="0" stop-color="#5edaea" />
<stop offset="1" stop-color="#1b8dbb" />
</linearGradient>
<linearGradient
id="b"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 277.778 -277.778 0 205.556 50)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(201.996) rotate(58.496 -.07 .91)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ebf9f8" />
<stop offset="1" stop-color="#c0c4f6" />
</linearGradient>
<linearGradient
id="d"
x1="100"
x2="277.778"
y1="138.889"
y2="138.889"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#75858c" />
<stop offset="1" stop-color="#405a65" />
</linearGradient>
<linearGradient
id="e"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(16.144 -129.052 357.959) scale(219.778)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="url(#b)"
d="M319.444 77.778c0-13.807-11.192-25-25-25H111.111c-13.807 0-25 11.193-25 25v205.555c0 13.807 11.193 25 25 25h183.333c13.808 0 25-11.193 25-25V77.778z"
/>
<path
fill="url(#c)"
d="M111.38 52.778a25 25 0 0 0-24.105 18.371L38.386 248.927a24.999 24.999 0 0 0 24.106 31.629h181.683a25 25 0 0 0 24.105-18.372l48.889-177.777a25.001 25.001 0 0 0-24.105-31.629z"
/>
<path
fill="url(#d)"
d="M206.129 33.341c12 .304 21.649 10.141 21.649 22.215a5.558 5.558 0 0 1-5.556 5.555 5.559 5.559 0 0 1-5.548-5.27l-.022-.857c-.298-5.868-5.156-10.54-11.096-10.54-6.133 0-11.112 4.979-11.112 11.112 0 3.066-2.489 5.555-5.555 5.555s-5.556-2.489-5.556-5.555c0-12.265 9.958-22.223 22.223-22.223zM145.018 33.341c11.999.304 21.649 10.141 21.649 22.215a5.558 5.558 0 0 1-5.556 5.555 5.559 5.559 0 0 1-5.548-5.27l-.022-.857c-.298-5.868-5.156-10.54-11.097-10.54-6.132 0-11.111 4.979-11.111 11.112 0 3.066-2.489 5.555-5.555 5.555s-5.556-2.489-5.556-5.555c0-12.265 9.958-22.223 22.222-22.223z"
/>
<path
fill="url(#e)"
d="M317.074 84.469a24.999 24.999 0 0 0-24.088-31.691H111.335a25 25 0 0 0-24.088 18.309l-9.368 33.725a2.78 2.78 0 0 0 2.677 3.521h227.777a2.778 2.778 0 0 0 2.677-2.034l6.064-21.83z"
/>
<g fill="url(#d)">
<path
d="M128.063 50.007a5.56 5.56 0 0 1 5.263 5.263l.022.857c.298 5.868 5.156 10.54 11.096 10.54 3.067 0 5.556 2.489 5.556 5.555s-2.489 5.556-5.556 5.556c-12.264 0-22.222-9.958-22.222-22.222A5.559 5.559 0 0 1 127.778 50zM189.175 50.007a5.56 5.56 0 0 1 5.262 5.263l.022.857c.298 5.868 5.156 10.54 11.097 10.54 3.066 0 5.555 2.489 5.555 5.555s-2.489 5.556-5.555 5.556c-12.265 0-22.223-9.958-22.223-22.222A5.559 5.559 0 0 1 188.889 50zM267.24 33.341c12 .304 21.649 10.141 21.649 22.215a5.558 5.558 0 0 1-5.556 5.555 5.559 5.559 0 0 1-5.548-5.27l-.022-.857c-.298-5.868-5.156-10.54-11.096-10.54-6.133 0-11.111 4.979-11.111 11.112 0 6.132 4.978 11.111 11.111 11.111 3.066 0 5.555 2.489 5.555 5.555s-2.489 5.556-5.555 5.556c-12.265 0-22.223-9.958-22.223-22.222 0-12.265 9.958-22.223 22.223-22.223zM107.988 166.813c13.886-6.763 28.323-6.631 42.521-4.13 15.207 2.677 30.17 8.053 44.082 11.529 20.784 5.193 39.364 5.953 53.782-8.465 2.168-2.168 2.168-5.689 0-7.857s-5.689-2.168-7.857 0c-6.919 6.92-15.159 8.966-24.231 8.641-10.223-.367-21.417-3.599-33.152-7.012-25.689-7.47-53.706-15.507-80.01-2.695a5.558 5.558 0 0 0-2.562 7.427 5.558 5.558 0 0 0 7.427 2.562zM96.877 216.813c17.229-8.391 35.286-6.215 52.725-1.963a5.557 5.557 0 0 0 6.713-4.081 5.557 5.557 0 0 0-4.081-6.713c-19.925-4.859-40.536-6.82-60.222 2.768a5.558 5.558 0 0 0-2.562 7.427 5.558 5.558 0 0 0 7.427 2.562zM172.494 221.223c12.028 3.456 23.507 6.359 33.982 6.45 11.519.099 21.915-3.056 30.786-11.926 2.168-2.168 2.168-5.689 0-7.857s-5.689-2.168-7.857 0c-6.562 6.562-14.312 8.746-22.834 8.672-9.566-.082-20.024-2.862-31.009-6.018a5.557 5.557 0 0 0-3.068 10.679z"
/>
</g>
</g>
</svg>
More icons in the same style and category