Add icons to this collection by clicking the heart icon.
Notebook icon - also known as interface, business, education, bookmark, notebook, address book, and agenda. Created in a clean lineal color style with a white, silver, gray, black, 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>
<path
d="M0 0v-30h-30l-30 60Z"
transform="matrix(1.33333 0 0 -1.33333 612.667 632.667)"
fill="#ffdc7d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v-60h-30l-30 15-30-15h-257c-16.57 0-30 13.43-30 30z"
transform="translate(429.5 67.5)"
fill="#ffedbe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 30-60h30V0Z"
transform="translate(399.5 97.5)"
fill="#ffedbe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0s-7-41.694-7-60h377V0Z"
transform="translate(59.5 97.5)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 70-218.5L0-437h-30c-16.57 0-30-13.43-30-30v437c0 16.57 13.43 30 30 30z"
transform="translate(112.5 504.5)"
fill="#97c5d0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-80-218.5L0-437h30V0Z"
transform="translate(429.5 504.5)"
fill="#5c8996"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-437h317V0h-30l-30-30-30 30Z"
transform="translate(112.5 504.5)"
fill="#73a9b8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-85-71.75L0-143.5h60V0Z"
transform="translate(309.5 444.5)"
fill="#ffedbe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M172.5 301h137v143.5h-137z"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-15-30v-437l15-30h30V0Z"
transform="translate(369.5 504.5)"
fill="#2d4853"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M339.5 7.5h30v497h-30z"
fill="#446875"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-257c-16.568 0-30-13.432-30-30 0-16.568 13.432-30 30-30h377"
transform="translate(339.5 67.5)"
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 0v437c0 16.568 13.432 30 30 30h377V30h-60"
transform="translate(52.5 37.5)"
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 0v-497"
transform="translate(399.5 504.5)"
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 0v-497"
transform="translate(339.5 504.5)"
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 0v203.5"
transform="translate(112.5 301)"
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 0v203.5"
transform="translate(112.5 67.5)"
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 60-.14"
transform="translate(399.5 37.64)"
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 257 .14"
transform="translate(82.5 37.5)"
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-167v143.5H0"
transform="translate(339.5 301)"
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