Add icons to this collection by clicking the heart icon.
Notebook icon - also known as education, notebook, agenda, and stationery. Created in a clean gradient style with a white, silver, magenta, and pink finish, 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="a"
x1="82.748"
x2="458.854"
y1="416.241"
y2="40.136"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity="0" />
<stop offset="1" stop-color="#b6c4ff" />
</linearGradient>
<linearGradient
id="b"
x1="268.931"
x2="268.931"
y1="445.116"
y2="43.372"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6582fd" stop-opacity=".6" />
<stop offset=".05" stop-color="#839afd" stop-opacity=".57" />
<stop offset=".116" stop-color="#a4b5fe" stop-opacity=".53" />
<stop offset=".19" stop-color="#c1ccfe" stop-opacity=".486" />
<stop offset=".273" stop-color="#d8dffe" stop-opacity=".436" />
<stop offset=".368" stop-color="#e9edff" stop-opacity=".379" />
<stop offset=".482" stop-color="#f6f8ff" stop-opacity=".31" />
<stop offset=".635" stop-color="#fdfdff" stop-opacity=".218" />
<stop offset=".997" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
fill="url(#a)"
d="M511.946 319.103c-1.904-74.375-117.516-123.895-85.859-165.995 9.724-12.932 37.017-5.392 48.792-30.17 69.407-146.054-184.597-28.384-252.357-59.412C161.316 35.499 92.079 22.575 38.699 75.743c-76.96 76.654-26.871 130.802 43.639 181.572 36.722 26.441 29.945 69.085 21.083 108.575-28.509 127.052 111.982 139.85 164.36 46.572 20.689-36.845 52.206-58.979 86.176-27.654 72.678 67.017 160.528 33.446 157.989-65.705z"
/>
<path
fill="#ff7eb7"
d="M376.262 439.476H177.136c-5.523 0-10-4.477-10-10V59.012c0-5.523 4.477-10 10-10h199.127c24.853 0 45 20.147 45 45v300.464c-.001 24.853-20.148 45-45.001 45z"
/>
<path
fill="#ff5ba7"
d="M399.559 243.712v-58.958a10 10 0 0 0-7.818-9.759l-29.016-8.252v254.443l29.016-8.252a10 10 0 0 0 7.818-9.759v-58.958a10 10 0 0 0-7.818-9.759l-2.808-.628 2.808-.628a10 10 0 0 0 7.818-9.759v-58.958a10 10 0 0 0-7.818-9.759l-2.808-.628 2.808-.628a9.999 9.999 0 0 0 7.818-9.758z"
/>
<path
fill="#fd2c8e"
d="m391.741 229.471-19.016 4.252v-86.98l19.016 4.252a10 10 0 0 1 7.818 9.759v58.958a10 10 0 0 1-7.818 9.759z"
/>
<path
fill="#02ffb2"
d="m391.741 309.202-19.016 4.252v-86.98l19.016 4.252a10 10 0 0 1 7.818 9.759v58.958a10 10 0 0 1-7.818 9.759z"
/>
<path
fill="#8298fd"
d="m391.741 388.934-19.016 4.252v-86.98l19.016 4.252a10 10 0 0 1 7.818 9.759v58.958a10 10 0 0 1-7.818 9.759z"
/>
<path
fill="#ffa7ce"
d="M374.72 94.014v300.46c0 24.85-20.14 45-45 45h-172.5l-5-195.23 5-195.23h172.5c24.86 0 45 20.15 45 45z"
/>
<path
fill="#8298fd"
d="M157.22 49.014v390.46H126.6c-5.52 0-10-4.48-10-10V59.014c0-5.52 4.48-10 10-10z"
/>
<path
fill="#ff7eb7"
d="M198.41 125.274v40.64c0 2.77-2.24 5-5 5h-4.55v39.98c0 2.76-2.24 5-5 5h-26.64v-95.62h36.19c2.76 0 5 2.24 5 5z"
/>
<path
fill="#6582fd"
d="M157.22 120.274v95.62H116.6v-71.57h31.17v-19.05c0-2.76 2.23-5 5-5z"
/>
<path
fill="#02ffb2"
d="M312.382 445.116h-16.886c-5.523 0-10-4.477-10-10V53.372c0-5.523 4.477-10 10-10h16.886c5.523 0 10 4.477 10 10v381.744c0 5.523-4.477 10-10 10z"
/>
<path
fill="#fff"
d="M253.172 410.271H184.3c-5.523 0-10-4.477-10-10v-33.933c0-5.523 4.477-10 10-10h68.872c5.523 0 10 4.477 10 10v33.933c0 5.522-4.477 10-10 10z"
/>
<path
fill="#8298fd"
d="M222.12 379.61h18.583a5 5 0 0 0 0-10H222.12a5 5 0 0 0 0 10zM202.749 397.991h37.954a5 5 0 0 0 0-10h-37.954a5 5 0 0 0 0 10z"
/>
<path
fill="url(#b)"
d="M376.262 49.012h-54.891c-1.621-3.335-5.031-5.64-8.989-5.64h-16.886c-3.958 0-7.368 2.305-8.989 5.641l-159.907.001c-5.52 0-10 4.48-10 10v370.46c0 5.52 4.48 10 10 10l159.907.001c1.621 3.336 5.031 5.641 8.989 5.641h16.886c3.958 0 7.368-2.305 8.989-5.64h54.891c24.853 0 45-20.147 45-45V94.012c0-24.853-20.147-45-45-45z"
/>
<path
fill="#9eaffd"
d="M188.858 125.326v61.57c0 2.76-2.24 5-5 5h-96.12c-2.76 0-5-2.24-5-5v-61.57c0-2.76 2.24-5 5-5h96.12c2.76 0 5 2.24 5 5z"
/>
<path
fill="#8298fd"
d="M188.858 125.326v45.59h-36.09c-2.76 0-5-2.24-5-5v-45.59h36.09c2.76 0 5 2.24 5 5z"
/>
<path
fill="#fff"
d="M165.089 170.916h-58.583a5 5 0 0 1 0-10h58.583a5 5 0 0 1 0 10zM125.089 150.534h-18.583a5 5 0 0 1 0-10h18.583a5 5 0 0 1 0 10z"
/>
<path
fill="#d1ddff"
d="M170.089 165.916a5 5 0 0 0-5-5h-17.321v5c0 2.76 2.24 5 5 5h12.321a5 5 0 0 0 5-5z"
/>
<path
fill="#02ffb2"
d="M193.411 146.919h-40.644a5 5 0 0 1-5-5v-40.644a5 5 0 0 1 5-5h40.644a5 5 0 0 1 5 5v40.644a5 5 0 0 1-5 5z"
/>
<path
fill="#ff5ba7"
d="m170.981 133.951-9.519-9.519a2.98 2.98 0 0 1 0-4.215l9.519-9.519a2.98 2.98 0 0 1 4.215 0l9.519 9.519a2.98 2.98 0 0 1 0 4.215l-9.519 9.519a2.98 2.98 0 0 1-4.215 0zM450.32 193.916c-7.72 0-14-6.28-14-14s6.28-14 14-14 14 6.28 14 14-6.28 14-14 14zm0-18c-2.206 0-4 1.794-4 4s1.794 4 4 4 4-1.794 4-4-1.795-4-4-4z"
/>
<path
fill="#6582fd"
d="M82.741 57.372c-7.72 0-14-6.28-14-14s6.28-14 14-14 14 6.28 14 14-6.28 14-14 14zm0-18c-2.206 0-4 1.794-4 4s1.794 4 4 4 4-1.794 4-4-1.794-4-4-4z"
/>
<path
fill="#01eba4"
d="M82.738 247.723c-7.72 0-14-6.28-14-14s6.28-14 14-14 14 6.28 14 14-6.28 14-14 14zm0-18c-2.206 0-4 1.794-4 4s1.794 4 4 4 4-1.794 4-4-1.795-4-4-4z"
/>
<path
fill="#ff5ba7"
d="M64.118 310.298a5 5 0 0 1-5-5 6.341 6.341 0 0 0-6.333-6.334 5 5 0 1 1 0-10 6.34 6.34 0 0 0 6.333-6.333 5 5 0 1 1 10 0 6.34 6.34 0 0 0 6.333 6.333 5 5 0 1 1 0 10 6.341 6.341 0 0 0-6.333 6.334 5 5 0 0 1-5 5z"
/>
<path
fill="#6582fd"
d="M429.962 482.628a5 5 0 0 1-5-5 6.341 6.341 0 0 0-6.333-6.334 5 5 0 1 1 0-10 6.34 6.34 0 0 0 6.333-6.333 5 5 0 1 1 10 0 6.34 6.34 0 0 0 6.333 6.333 5 5 0 1 1 0 10 6.341 6.341 0 0 0-6.333 6.334 5 5 0 0 1-5 5z"
/>
</svg>
More icons in the same style and category