Add icons to this collection by clicking the heart icon.
Notebook icon - also known as education, write, notebook, pen, note, and agenda. Created in a clean blue 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"
>
<path
fill="#3d9ae2"
d="M504.5 193.5a7.5 7.5 0 0 1-7.5-7.5v-82.5h-41a7.5 7.5 0 0 1 0-15h48.5A7.5 7.5 0 0 1 512 96v90a7.5 7.5 0 0 1-7.5 7.5z"
/>
<path
fill="#bddbff"
d="M27.5 7.5h330v497h-330a20 20 0 0 1-20-20v-457a20 20 0 0 1 20-20z"
/>
<path
fill="#3d9ae2"
d="M357.5 512h-330A27.54 27.54 0 0 1 0 484.5v-457A27.54 27.54 0 0 1 27.5 0h330a7.5 7.5 0 0 1 7.5 7.5v497a7.5 7.5 0 0 1-7.5 7.5zM27.5 15A12.52 12.52 0 0 0 15 27.5v457A12.52 12.52 0 0 0 27.5 497H350V15z"
/>
<path
fill="#fff"
d="M27.5 7.5h60v497h-60a20 20 0 0 1-20-20v-457a20 20 0 0 1 20-20z"
/>
<path
fill="#3d9ae2"
d="M87.5 512h-60A27.54 27.54 0 0 1 0 484.5v-457A27.54 27.54 0 0 1 27.5 0h60A7.5 7.5 0 0 1 95 7.5v497a7.5 7.5 0 0 1-7.5 7.5zm-60-497A12.52 12.52 0 0 0 15 27.5v457A12.52 12.52 0 0 0 27.5 497H80V15z"
/>
<rect
width="189.33"
height="95.33"
x="127.83"
y="47.5"
fill="#fff"
rx="20"
/>
<path
fill="#3d9ae2"
d="M297.17 150.33H147.83a27.53 27.53 0 0 1-27.5-27.5V67.5a27.54 27.54 0 0 1 27.5-27.5h149.34a27.54 27.54 0 0 1 27.5 27.5v55.33a27.53 27.53 0 0 1-27.5 27.5zM147.83 55a12.52 12.52 0 0 0-12.5 12.5v55.33a12.51 12.51 0 0 0 12.5 12.5h149.34a12.51 12.51 0 0 0 12.5-12.5V67.5a12.52 12.52 0 0 0-12.5-12.5z"
/>
<path fill="#bddbff" d="M406 67.5h50v360h-50z" />
<path
fill="#3d9ae2"
d="M456 435h-50a7.5 7.5 0 0 1-7.5-7.5v-360A7.5 7.5 0 0 1 406 60h50a7.5 7.5 0 0 1 7.5 7.5v360a7.5 7.5 0 0 1-7.5 7.5zm-42.5-15h35V75h-35z"
/>
<path fill="#fff" d="M456 427.5h-50v42l25 35 25-35z" />
<path
fill="#3d9ae2"
d="M431 512a7.49 7.49 0 0 1-6.1-3.14l-25-35a7.5 7.5 0 0 1-1.4-4.36v-42a7.5 7.5 0 0 1 7.5-7.5h50a7.5 7.5 0 0 1 7.5 7.5v42a7.5 7.5 0 0 1-1.4 4.36l-25 35A7.49 7.49 0 0 1 431 512zm-17.5-44.9 17.5 24.5 17.5-24.5V435h-35z"
/>
<path fill="#fff" d="M416 7.5h30v60h-30z" />
<path
fill="#3d9ae2"
d="M446 75h-30a7.5 7.5 0 0 1-7.5-7.5v-60A7.5 7.5 0 0 1 416 0h30a7.5 7.5 0 0 1 7.5 7.5v60A7.5 7.5 0 0 1 446 75zm-22.5-15h15V15h-15z"
/>
</svg>
More icons in the same style and category