Add icons to this collection by clicking the heart icon.
Notebook icon - also known as education, notebook, notes, open book, and files and folders. Created in a clean lineal color style with a white, silver, black, teal, and orange 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 0v461.816c0 9.716 7.876 17.592 17.592 17.592h355.657c9.716 0 17.591-7.876 17.591-17.592V0c0-9.716-7.875-17.592-17.591-17.592H17.592C7.876-17.592 0-9.716 0 0"
transform="translate(76.163 25.092)"
fill="#fba615"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-18.09v-479.408c0-9.716-7.876-17.592-17.592-17.592H0c9.715 0 17.591 7.876 17.591 17.592v461.816C17.591-7.876 9.715 0 0 0"
transform="translate(449.412 504.5)"
fill="#fa9801"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-9.716 0-17.592-7.876-17.592-17.592v-461.816C-17.592-489.124-9.716-497 0-497h45.55V0Z"
transform="translate(93.755 504.5)"
fill="#0e80ac"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30.941c-8.668 0-15.696 7.027-15.696 15.696 0 8.668 7.028 15.696 15.696 15.696H0c8.669 0 15.696-7.028 15.696-15.696C15.696 7.027 8.669 0 0 0"
transform="translate(91.634 425.836)"
fill="#eaeaea"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30.941c-8.668 0-15.696 7.027-15.696 15.696s7.028 15.697 15.696 15.697H0c8.669 0 15.696-7.028 15.696-15.697S8.669 0 0 0"
transform="translate(91.634 333.07)"
fill="#eaeaea"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30.941c-8.668 0-15.696 7.027-15.696 15.696s7.028 15.697 15.696 15.697H0c8.669 0 15.696-7.028 15.696-15.697S8.669 0 0 0"
transform="translate(91.634 240.304)"
fill="#eaeaea"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30.941c-8.668 0-15.696 7.027-15.696 15.696s7.028 15.697 15.696 15.697H0c8.669 0 15.696-7.028 15.696-15.697S8.669 0 0 0"
transform="translate(91.634 147.538)"
fill="#eaeaea"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30.941c-8.668 0-15.696 7.027-15.696 15.695 0 8.669 7.028 15.697 15.696 15.697H0c8.669 0 15.696-7.028 15.696-15.697C15.696 7.027 8.669 0 0 0"
transform="translate(91.634 54.773)"
fill="#eaeaea"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-214.354c-6.768 0-12.255-5.487-12.255-12.256v-40.687c0-6.769 5.487-12.256 12.255-12.256H0c6.769 0 12.256 5.487 12.256 12.256v40.687C12.256-5.487 6.769 0 0 0"
transform="translate(409.4 441.532)"
fill="#97e4f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-23.426v-52.943c0-6.769-5.486-12.256-12.256-12.256H0c6.769 0 12.256 5.487 12.256 12.256v40.687C12.256-5.487 6.769 0 0 0"
transform="translate(409.4 441.532)"
fill="#62d8f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h230.939"
transform="translate(182.791 293.106)"
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 0h238.865"
transform="translate(182.791 170.34)"
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 0h230.939"
transform="translate(182.791 231.724)"
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 0h136.855"
transform="translate(182.791 108.957)"
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-30.941c-8.668 0-15.696 7.027-15.696 15.696 0 8.668 7.028 15.696 15.696 15.696H0c8.669 0 15.696-7.028 15.696-15.696C15.696 7.027 8.669 0 0 0Z"
transform="translate(91.634 425.836)"
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-30.941c-8.668 0-15.696 7.027-15.696 15.696s7.028 15.697 15.696 15.697H0c8.669 0 15.696-7.028 15.696-15.697S8.669 0 0 0Z"
transform="translate(91.634 333.07)"
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-30.941c-8.668 0-15.696 7.027-15.696 15.696s7.028 15.697 15.696 15.697H0c8.669 0 15.696-7.028 15.696-15.697S8.669 0 0 0Z"
transform="translate(91.634 240.304)"
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-30.941c-8.668 0-15.696 7.027-15.696 15.696s7.028 15.697 15.696 15.697H0c8.669 0 15.696-7.028 15.696-15.697S8.669 0 0 0Z"
transform="translate(91.634 147.538)"
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-30.941c-8.668 0-15.696 7.027-15.696 15.695 0 8.669 7.028 15.697 15.696 15.697H0c8.669 0 15.696-7.028 15.696-15.697C15.696 7.027 8.669 0 0 0Z"
transform="translate(91.634 54.773)"
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-29.681c0-9.715 7.876-17.591 17.592-17.591h45.55v497h-45.55C7.876 449.728 0 441.852 0 432.136v-29.681"
transform="translate(76.163 54.773)"
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-61.374"
transform="translate(76.163 147.538)"
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-61.373"
transform="translate(76.163 240.304)"
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-61.373"
transform="translate(76.163 333.07)"
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-61.374"
transform="translate(76.163 425.836)"
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 0h153.196c6.769 0 12.256 5.487 12.256 12.256v40.687c0 6.769-5.487 12.256-12.256 12.256H-61.157c-6.769 0-12.256-5.487-12.256-12.256V12.256C-73.413 5.487-67.926 0-61.157 0h26.094"
transform="translate(256.204 376.333)"
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 0v398.909c0 9.716-7.876 17.592-17.591 17.592h-310.107"
transform="translate(467.003 87.999)"
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 0h310.107c9.715 0 17.591 7.876 17.591 17.592v27.783"
transform="translate(139.305 7.5)"
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