Add icons to this collection by clicking the heart icon.
Notebook icon - also known as education, notebook, pencil, workbook, note, writing, Tools and utensils, writing tool, notepad, draft, and files and folders. Created in a clean flat style with a white, silver, gray, red, orange, 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 504.5 504.5"
>
<path
fill="#ffbe7c"
d="M70.016 48.911c-9.149 0-16.566 7.418-16.566 16.568v422.454c0 9.15 7.417 16.568 16.566 16.568h331.309c9.149 0 16.566-7.418 16.566-16.568V65.478c0-9.15-7.417-16.568-16.566-16.568H70.016z"
/>
<path
fill="#ea9d57"
d="M401.325 48.911H377.51c9.149 0 16.566 7.417 16.566 16.568v422.454c0 9.15-7.417 16.568-16.566 16.568h23.815c9.149 0 16.566-7.418 16.566-16.568V65.478c.001-9.15-7.416-16.567-16.566-16.567z"
/>
<path
fill="#f2fdff"
d="M384.76 88.26v376.896a6.212 6.212 0 0 1-6.212 6.212H92.793a6.212 6.212 0 0 1-6.212-6.212V88.26a6.212 6.212 0 0 1 6.212-6.212h285.755a6.211 6.211 0 0 1 6.212 6.212z"
/>
<path
fill="#d5e0f2"
d="M378.548 82.047h-23.815a6.212 6.212 0 0 1 6.212 6.212v376.896a6.212 6.212 0 0 1-6.212 6.212h23.815a6.212 6.212 0 0 0 6.212-6.212V88.26a6.213 6.213 0 0 0-6.212-6.213zM260.519 39.849a7.5 7.5 0 0 1-7.5-7.5c0-9.566-7.782-17.349-17.347-17.349s-17.347 7.783-17.347 17.349a7.5 7.5 0 0 1-15 0C203.325 14.512 217.835 0 235.672 0s32.347 14.512 32.347 32.349a7.5 7.5 0 0 1-7.5 7.5z"
/>
<path
fill="#ffcf4d"
d="M304.217 98.616H167.128a6 6 0 0 1-6-6V38.347a6 6 0 0 1 6-6h137.089a6 6 0 0 1 6 6v54.269a6 6 0 0 1-6 6z"
/>
<path
fill="#ffb629"
d="M304.217 32.347h-23a6 6 0 0 1 6 6v54.269a6 6 0 0 1-6 6h23a6 6 0 0 0 6-6V38.347a6 6 0 0 0-6-6zM235.672 74.55a7.5 7.5 0 0 0-7.5 7.5v16.566h15V82.05a7.5 7.5 0 0 0-7.5-7.5z"
/>
<path
fill="#405b6c"
d="M169.409 205.517h-33.131a7.5 7.5 0 0 1-7.5-7.5v-33.133a7.5 7.5 0 0 1 7.5-7.5h33.131a7.5 7.5 0 0 1 7.5 7.5v33.133a7.5 7.5 0 0 1-7.5 7.5zm-25.631-15h18.131v-18.133h-18.131z"
/>
<path
fill="#86dcff"
d="M235.671 172.383H202.54a7.5 7.5 0 0 1 0-15h33.131a7.5 7.5 0 0 1 0 15z"
/>
<g fill="#405b6c">
<path
d="M252.237 205.517H202.54a7.5 7.5 0 0 1 0-15h49.697a7.5 7.5 0 0 1 0 15zM318.499 205.517h-33.131a7.5 7.5 0 0 1 0-15h33.131a7.5 7.5 0 0 1 0 15zM169.409 304.917h-33.131a7.5 7.5 0 0 1-7.5-7.5v-33.133a7.5 7.5 0 0 1 7.5-7.5h33.131a7.5 7.5 0 0 1 7.5 7.5v33.133a7.5 7.5 0 0 1-7.5 7.5zm-25.631-15h18.131v-18.133h-18.131z"
/>
</g>
<path
fill="#86dcff"
d="M235.671 271.783H202.54a7.5 7.5 0 0 1 0-15h33.131a7.5 7.5 0 0 1 0 15z"
/>
<path
fill="#405b6c"
d="M252.237 304.917H202.54a7.5 7.5 0 0 1 0-15h49.697a7.5 7.5 0 0 1 0 15zM169.409 404.317h-33.131a7.5 7.5 0 0 1-7.5-7.5v-33.133a7.5 7.5 0 0 1 7.5-7.5h33.131a7.5 7.5 0 0 1 7.5 7.5v33.133a7.5 7.5 0 0 1-7.5 7.5zm-25.631-15h18.131v-18.133h-18.131z"
/>
<path
fill="#86dcff"
d="M235.671 371.184H202.54a7.5 7.5 0 0 1 0-15h33.131a7.5 7.5 0 0 1 0 15z"
/>
<path
fill="#405b6c"
d="M252.237 404.317H202.54a7.5 7.5 0 0 1 0-15h49.697a7.5 7.5 0 0 1 0 15zM318.499 404.317h-33.131a7.5 7.5 0 0 1 0-15h33.131a7.5 7.5 0 0 1 0 15z"
/>
<path
fill="#86dcff"
d="m295.971 350.237 150.227-150.236c6.469-6.47 6.469-16.959 0-23.429l-23.427-23.429c-6.469-6.469-16.958-6.469-23.427 0L249.117 303.38a6 6 0 0 0-1.757 4.242v38.372a6 6 0 0 0 6 6h38.369a5.995 5.995 0 0 0 4.242-1.757z"
/>
<path
fill="#6bb5ff"
d="m446.198 176.572-23.427-23.429c-6.374-6.374-16.64-6.455-23.129-.27.098.093.202.174.298.27l23.427 23.429c6.469 6.47 6.469 16.959 0 23.429L271.383 351.995h20.345a5.998 5.998 0 0 0 4.243-1.758l150.227-150.236c6.47-6.47 6.47-16.959 0-23.429z"
/>
<path
fill="#54c7f4"
d="M235.646 371.209a7.501 7.501 0 0 1-5.304-12.803l19.519-19.52a7.501 7.501 0 0 1 10.608 10.606l-19.52 19.52a7.474 7.474 0 0 1-5.303 2.197z"
/>
<path
fill="#6bb5ff"
d="M270.787 336.066a7.474 7.474 0 0 1-5.303-2.197 7.5 7.5 0 0 1 0-10.606L394.04 194.698a7.5 7.5 0 1 1 10.607 10.606L276.09 333.869a7.478 7.478 0 0 1-5.303 2.197z"
/>
<path
fill="#ff5876"
d="M422.771 153.143c-6.469-6.47-16.958-6.47-23.427 0l-23.427 23.429 46.855 46.858 23.427-23.429c6.469-6.47 6.469-16.959 0-23.429z"
/>
<path
fill="#ffbe7c"
d="M247.745 305.524a5.987 5.987 0 0 0-.386 2.098v38.372a6 6 0 0 0 6 6h38.369c.725 0 1.434-.137 2.1-.386z"
/>
<path
fill="#e6485d"
d="m446.198 176.572-23.427-23.429a16.694 16.694 0 0 0-1.248-1.128c-.164-.134-.339-.247-.506-.374-.272-.205-.541-.418-.822-.605-.221-.146-.452-.269-.678-.404-.239-.142-.473-.295-.717-.424-.272-.144-.553-.263-.832-.391-.206-.095-.409-.201-.618-.287-.323-.132-.654-.24-.984-.351-.17-.058-.337-.126-.509-.178a16.016 16.016 0 0 0-1.137-.286c-.129-.029-.257-.068-.387-.094a16.271 16.271 0 0 0-1.28-.196c-.088-.011-.176-.029-.265-.038a16.914 16.914 0 0 0-1.405-.081c-.05-.001-.1-.007-.15-.007a16.573 16.573 0 0 0-1.511.055l-.043.002a16.517 16.517 0 0 0-10.038 4.516l-.001.001c.098.093.202.174.298.27l23.427 23.429c6.469 6.47 6.469 16.959 0 23.429l-12.012 12.013 11.415 11.416 23.427-23.429c6.473-6.47 6.473-16.959.003-23.429z"
/>
</svg>
More icons in the same style and category