Add icons to this collection by clicking the heart icon.
Notebook icon - also known as education, notebook, notes, pencil, workbook, writing, memo, planning, and organization. Created in a clean flat style with a white, silver, gray, red, teal, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-357.738c-10.521 0-19.051 8.529-19.051 19.051v419.125c0 10.522 8.53 19.051 19.051 19.051H0c10.522 0 19.051-8.529 19.051-19.051V19.051C19.051 8.529 10.522 0 0 0"
transform="translate(405.12)"
fill="#c8effe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-40.894c10.522 0 19.052-8.529 19.052-19.051v-419.125c0-10.522-8.53-19.051-19.052-19.051H0c10.522 0 19.051 8.529 19.051 19.051v419.125C19.051-8.529 10.522 0 0 0"
transform="translate(405.12 457.227)"
fill="#a8d3d8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-12.154 0-22.007 9.853-22.007 22.007v65.532c0 12.153 9.853 22.006 22.007 22.006 12.154 0 22.007-9.853 22.007-22.006V22.007C22.007 9.853 12.154 0 0 0"
transform="translate(181.249 402.455)"
fill="#678d98"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-12.154 0-22.007 9.853-22.007 22.007v65.532c0 12.153 9.853 22.006 22.007 22.006 12.154 0 22.007-9.853 22.007-22.006V22.007C22.007 9.853 12.154 0 0 0"
transform="translate(91.243 402.455)"
fill="#678d98"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-12.154 0-22.007 9.853-22.007 22.007v65.532c0 12.153 9.853 22.006 22.007 22.006 12.154 0 22.007-9.853 22.007-22.006V22.007C22.007 9.853 12.154 0 0 0"
transform="translate(271.254 402.455)"
fill="#678d98"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-12.154 0-22.007 9.853-22.007 22.007v65.532c0 12.153 9.853 22.006 22.007 22.006 12.154 0 22.007-9.853 22.007-22.006V22.007C22.007 9.853 12.154 0 0 0"
transform="translate(361.26 402.455)"
fill="#678d98"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-254.563a7.726 7.726 0 1 0 0 15.453H0A7.728 7.728 0 0 0 0 0"
transform="translate(353.533 348.243)"
fill="#3e5959"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-254.563a7.726 7.726 0 1 0 0 15.453H0A7.727 7.727 0 1 0 0 0"
transform="translate(353.533 288.239)"
fill="#3e5959"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-254.563a7.726 7.726 0 1 0 0 15.453H0A7.727 7.727 0 1 0 0 0"
transform="translate(353.533 228.235)"
fill="#3e5959"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-254.563a7.726 7.726 0 0 0-7.727 7.726v.001a7.726 7.726 0 0 0 7.727 7.726H0a7.727 7.727 0 0 0 7.727-7.726v-.001A7.727 7.727 0 0 0 0 0"
transform="translate(353.533 168.232)"
fill="#3e5959"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-254.563a7.726 7.726 0 1 0 0 15.453H0A7.728 7.728 0 0 0 0 0"
transform="translate(353.533 108.228)"
fill="#3e5959"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-254.563a7.726 7.726 0 1 0 0 15.453H0A7.727 7.727 0 1 0 0 0"
transform="translate(353.533 48.225)"
fill="#3e5959"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-3.692 0-7.165-.92-10.221-2.526C-3.217-6.209 1.566-13.545 1.566-22.007v-65.532c0-8.462-4.783-15.798-11.787-19.48A21.89 21.89 0 0 1 0-109.545c12.154 0 22.007 9.852 22.007 22.006v65.532C22.007-9.853 12.154 0 0 0"
transform="translate(181.249 512)"
fill="#537984"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-3.692 0-7.165-.92-10.221-2.526C-3.217-6.209 1.566-13.545 1.566-22.007v-65.532c0-8.462-4.783-15.798-11.787-19.48A21.89 21.89 0 0 1 0-109.545c12.154 0 22.007 9.852 22.007 22.006v65.532C22.007-9.853 12.154 0 0 0"
transform="translate(91.243 512)"
fill="#537984"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-3.692 0-7.165-.92-10.221-2.526C-3.217-6.209 1.565-13.545 1.565-22.007v-65.532c0-8.462-4.782-15.798-11.786-19.48A21.89 21.89 0 0 1 0-109.545c12.154 0 22.007 9.852 22.007 22.006v65.532C22.007-9.853 12.154 0 0 0"
transform="translate(271.254 512)"
fill="#537984"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-3.692 0-7.165-.92-10.221-2.526C-3.217-6.209 1.565-13.545 1.565-22.007v-65.532c0-8.462-4.782-15.798-11.786-19.48A21.89 21.89 0 0 1 0-109.545c12.154 0 22.007 9.852 22.007 22.006v65.532C22.007-9.853 12.154 0 0 0"
transform="translate(361.26 512)"
fill="#537984"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 127.756 127.756 42.864-42.863L42.864-42.864Z"
transform="translate(282.875 237.107)"
fill="#d83131"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-27.333-27.333L15.53-70.197l27.334 27.333c3.787 3.788 3.787 9.929 0 13.717L13.716 0C9.929 3.788 3.788 3.788 0 0"
transform="translate(437.964 392.196)"
fill="#f47c7c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-42.864 42.864-17.99-53.845c-1.713-5.128 1.881-8.723 7.009-7.009z"
transform="translate(325.74 194.243)"
fill="#f9c6c6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 127.756 127.756 42.864-42.863L42.864-42.864Z"
transform="translate(282.875 237.107)"
fill="#d83131"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-27.333-27.333L15.53-70.197l27.334 27.333c3.787 3.788 3.787 9.929 0 13.717L13.716 0C9.929 3.788 3.788 3.788 0 0"
transform="translate(437.964 392.196)"
fill="#f47c7c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-42.864 42.864-17.99-53.845c-1.713-5.128 1.881-8.723 7.009-7.009z"
transform="translate(325.74 194.243)"
fill="#f9c6c6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-127.756-127.756 20.649-20.649L20.649-20.649z"
transform="translate(432.846 342.648)"
fill="#ca2c2c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-20.649 20.648c3.788-3.787 3.788-9.928 0-13.716l-27.333-27.333 20.649-20.649L0-13.717A9.7 9.7 0 0 1 0 0"
transform="translate(480.828 363.05)"
fill="#ee6161"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-33.361-11.146-6.844-20.484c-1.713-5.128 1.881-8.723 7.009-7.009l53.845 17.99z"
transform="translate(305.09 214.892)"
fill="#f9b0b0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category