Add icons to this collection by clicking the heart icon.
Notebook icon - also known as business, education, book, bookmark, notebook, pencil, workbook, writing, address book, agenda, and writing tool. Created in a clean lineal color style with a white, silver, gray, black, 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="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 0v428.969c0 18.785 15.228 34.012 34.013 34.012h307.683c5.551 0 10.05-4.499 10.05-10.049V0Z"
transform="translate(30.657 41.517)"
fill="#6c7fd8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-452.932h-30.632V0c0 5.548-4.502 10.05-10.05 10.05h30.632C-4.492 10.05 0 5.548 0 0"
transform="translate(382.4 494.45)"
fill="#5066d0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v185.104c0 5.549-4.5 10.048-10.05 10.048h-307.683c-18.785 0-34.013-15.228-34.013-34.012v-428.969H-10.05c5.55 0 10.05 4.499 10.05 10.05v223.088"
transform="translate(382.403 309.346)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-16.56-35.88c-3.926-8.507-16.016-8.507-19.942 0L-53.063 0a21.977 21.977 0 0 0-2.021 9.204v339.167c0 6.065 4.917 10.982 10.982 10.982H-8.96c6.065 0 10.981-4.917 10.981-10.982V9.204C2.021 6.026 1.332 2.886 0 0"
transform="translate(479.321 94.822)"
fill="#feb541"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-339.174c0-3.174-.692-6.314-2.021-9.203l-16.56-35.877c-3.932-8.511-16.012-8.511-19.943 0l-1.011 2.186 15.551 33.691a22.027 22.027 0 0 1 2.021 9.203V0c0 6.062-4.92 10.981-10.982 10.981h21.963C-4.92 10.981 0 6.062 0 0"
transform="translate(481.343 443.197)"
fill="#fea714"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-3.178-.689-6.318-2.021-9.204l-16.561-35.88c-3.926-8.507-16.016-8.507-19.941 0l-16.561 35.88A21.962 21.962 0 0 0-57.105 0z"
transform="translate(481.343 104.026)"
fill="#fedba6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-3.174-.692-6.314-2.021-9.203l-16.56-35.877c-3.932-8.511-16.012-8.511-19.943 0l-1.011 2.185 15.551 33.692A22.027 22.027 0 0 1-21.963 0z"
transform="translate(481.343 104.023)"
fill="#fdc266"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h57.105"
transform="translate(424.237 104.026)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 6.064-4.917 10.981-10.981 10.981h-35.143c-6.064 0-10.981-4.917-10.981-10.981v-339.167c0-3.178.689-6.318 2.021-9.204l16.56-35.88c3.926-8.507 16.017-8.507 19.942 0l16.561 35.88A21.962 21.962 0 0 1 0-339.167z"
transform="translate(481.343 443.193)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-307.683c-18.785 0-34.013 15.228-34.013 34.013 0 18.785 15.228 34.013 34.013 34.013H0c5.55 0 10.05-4.5 10.05-10.049V10.05C10.05 4.499 5.55 0 0 0"
transform="translate(372.353 7.504)"
fill="#eff5f6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-47.928c0-5.547-4.492-10.05-10.05-10.05h-30.632c5.548 0 10.05 4.503 10.05 10.05V0c0 5.558-4.502 10.05-10.05 10.05h30.632A10.04 10.04 0 0 0 0 0"
transform="translate(382.4 65.478)"
fill="#cae5e7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-72.984c-18.786 0-34.014-15.229-34.014-34.013v-.001c0-18.784 15.228-34.012 34.014-34.012h307.683c5.55 0 10.05 4.499 10.05 10.048v47.928c0 5.551-4.5 10.05-10.05 10.05H34.69"
transform="translate(137.655 75.53)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-135.737"
transform="translate(382.002 41.517)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-169.458c-5.551 0-10.05 4.499-10.05 10.05v87.287c0 5.55 4.499 10.05 10.05 10.05H0c5.55 0 10.05-4.5 10.05-10.05V10.05C10.05 4.499 5.55 0 0 0"
transform="translate(294.699 333.75)"
fill="#ffe7c7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-87.292c0-5.548-4.492-10.05-10.05-10.05h-25.758c5.548 0 10.05 4.502 10.05 10.05V0c0 5.548-4.502 10.05-10.05 10.05h25.758C-4.492 10.05 0 5.548 0 0"
transform="translate(304.745 431.087)"
fill="#fdcf85"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-34.415c-5.55 0-10.049-4.5-10.049-10.05v-87.288c0-5.55 4.499-10.049 10.049-10.049h169.459c5.55 0 10.05 4.499 10.05 10.049v87.288c0 5.55-4.5 10.05-10.05 10.05H34.69"
transform="translate(159.655 441.137)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h39.573"
transform="translate(115.19 295.415)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category