Add icons to this collection by clicking the heart icon.
Notebook icon - also known as education, notebook, pencil, note, writing, Tools and utensils, writing tool, notepad, draft, and files and folders. Created in a clean lineal color style with a white, silver, gray, black, 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="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 0c-9.149 0-16.567-7.418-16.567-16.568v-422.454c0-9.15 7.418-16.567 16.567-16.567h331.309c9.149 0 16.566 7.417 16.566 16.567v422.454c0 9.15-7.417 16.568-16.566 16.568Z"
transform="translate(73.766 463.09)"
fill="#ffbe7c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-23.814c9.149 0 16.566-7.417 16.566-16.568v-422.454c0-9.15-7.417-16.567-16.566-16.567H0c9.149 0 16.566 7.417 16.566 16.567v422.454C16.566-7.417 9.149 0 0 0"
transform="translate(405.075 463.09)"
fill="#ea9d57"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-376.896a6.212 6.212 0 0 0-6.212-6.212h-285.755a6.213 6.213 0 0 0-6.213 6.212V0a6.213 6.213 0 0 0 6.213 6.212H-6.212A6.212 6.212 0 0 0 0 0"
transform="translate(388.51 423.74)"
fill="#f2fdff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-23.814a6.212 6.212 0 0 0 6.212-6.212v-376.896a6.212 6.212 0 0 0-6.212-6.212H0a6.212 6.212 0 0 1 6.212 6.212V-6.212A6.212 6.212 0 0 1 0 0"
transform="translate(382.297 429.953)"
fill="#d5e0f2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-137.089a6 6 0 0 0-6 6v54.269a6 6 0 0 0 6 6H0a6 6 0 0 0 6-6V6a6 6 0 0 0-6-6"
transform="translate(307.966 413.384)"
fill="#ffcf4d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-23a6 6 0 0 0 6-6v-54.269a6 6 0 0 0-6-6H0a6 6 0 0 1 6 6V-6a6 6 0 0 1-6 6"
transform="translate(307.966 479.653)"
fill="#ffb629"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 150.227 150.236c6.469 6.471 6.469 16.959 0 23.43l-23.428 23.428c-6.468 6.469-16.958 6.469-23.427 0L-46.855 46.857a5.997 5.997 0 0 1-1.757-4.242V4.243a6 6 0 0 1 6-6h38.369A6 6 0 0 1 0 0"
transform="translate(299.721 161.763)"
fill="#86dcff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-23.427 23.429c-6.374 6.373-16.64 6.454-23.13.269.098-.093.203-.174.299-.269L-22.831 0c6.47-6.47 6.47-16.959 0-23.429l-151.984-151.994h20.345a6 6 0 0 1 4.243 1.757L0-23.429C6.469-16.959 6.469-6.47 0 0"
transform="translate(449.948 335.428)"
fill="#6bb5ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-6.47 6.469-16.958 6.469-23.428 0l-23.427-23.429L0-70.287l23.427 23.429c6.469 6.47 6.469 16.96 0 23.429z"
transform="translate(426.521 358.857)"
fill="#ff5876"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a5.987 5.987 0 0 1-.386-2.098v-38.373a6 6 0 0 1 6-6h38.369c.725 0 1.434.138 2.1.387z"
transform="translate(251.495 206.476)"
fill="#ffbe7c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-23.427 23.429c-.402.401-.819.776-1.249 1.128-.164.134-.338.247-.506.374-.272.205-.541.418-.822.604-.221.146-.452.27-.678.404-.239.142-.473.295-.717.424-.273.144-.554.263-.832.391-.206.095-.409.201-.618.287-.324.132-.654.239-.984.351-.17.057-.337.126-.509.177-.375.114-.756.201-1.137.286-.129.03-.256.069-.387.095-.424.085-.851.145-1.279.196-.088.011-.176.029-.265.038-.467.049-.936.072-1.405.081-.05.001-.1.007-.149.007a16.56 16.56 0 0 1-1.511-.055l-.043-.002a16.52 16.52 0 0 1-10.038-4.516l-.001-.001c.098-.093.203-.174.299-.269L-22.831 0c6.47-6.47 6.47-16.959 0-23.429l-12.012-12.013 11.416-11.416L0-23.429C6.469-16.959 6.469-6.47 0 0"
transform="translate(449.948 335.428)"
fill="#e6485d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-36.267c-9.149 0-16.566 7.417-16.566 16.567v422.454c0 9.15 7.417 16.568 16.566 16.568h91.11"
transform="translate(110.033 7.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-259.624c0-9.15-7.417-16.567-16.566-16.567h-265.043"
transform="translate(421.642 283.691)"
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 0h91.108c9.149 0 16.566-7.418 16.566-16.568v-84.286"
transform="translate(313.968 463.09)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M313.967 413.384H164.878v66.269h149.089z"
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 13.724 11.125 24.849 24.847 24.849C38.57 24.849 49.694 13.724 49.694 0"
transform="translate(214.575 479.651)"
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-16.566"
transform="translate(239.422 429.95)"
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-210.19h-298.18v389.32h74.547"
transform="translate(388.51 250.823)"
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 0h74.543v-85.166"
transform="translate(313.967 429.953)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M173.159 313.983h-33.131v33.133h33.131z"
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 0h33.131"
transform="translate(206.29 347.117)"
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 0h49.697"
transform="translate(206.29 313.983)"
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 0h33.131"
transform="translate(289.118 313.983)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M173.159 214.583h-33.131v33.133h33.131z"
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 0h33.131"
transform="translate(206.29 247.717)"
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 0h49.697"
transform="translate(206.29 214.583)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M173.159 115.183h-33.131v33.133h33.131z"
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 0h33.131"
transform="translate(206.29 148.316)"
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 0h49.697"
transform="translate(206.29 115.183)"
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 0h33.131"
transform="translate(289.118 115.183)"
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 151.984 151.994c6.47 6.469 6.47 16.959 0 23.429l-23.427 23.429c-6.47 6.469-16.958 6.469-23.428 0L-46.855 46.857V0Z"
transform="translate(297.964 160.005)"
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-11.713-11.714"
transform="translate(251.109 160.005)"
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 46.854-46.858"
transform="translate(379.666 335.428)"
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 46.855-46.857"
transform="translate(251.109 206.863)"
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-128.557-128.565"
transform="translate(403.093 311.999)"
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