Add icons to this collection by clicking the heart icon.
Notebook icon - also known as study, write, notebook, pencil, pen, note, planning, organization, plan, lecture, and edit tools. Created in a clean lineal color style with a silver, gray, black, and teal 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-328.02c-14.064 0-25.466 11.402-25.466 25.468v400.223c0 14.066 11.402 25.468 25.466 25.468H0c14.064 0 25.467-11.402 25.467-25.468V25.468C25.467 11.402 14.064 0 0 0"
transform="translate(420.01 7.5)"
fill="#09a76d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-237.475c-6.189 0-11.206 5.017-11.206 11.205V117.65c0 6.189 5.017 11.205 11.206 11.205H0c6.189 0 11.206-5.016 11.206-11.205V11.205C11.206 5.017 6.189 0 0 0"
transform="translate(374.737 247.526)"
fill="#98d5b9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-39.686c14.066 0 25.468-11.401 25.468-25.467v-400.224c0-14.065-11.402-25.467-25.468-25.467H0c14.064 0 25.467 11.402 25.467 25.467v400.224C25.467-11.401 14.064 0 0 0"
transform="translate(420.01 458.658)"
fill="#02905d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-10.127 0-18.337 8.21-18.337 18.337v55.009c0 10.127 8.21 18.337 18.337 18.337 10.127 0 18.337-8.21 18.337-18.337V18.337C18.337 8.21 10.127 0 0 0"
transform="translate(212.685 412.817)"
fill="#5a5a5a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-10.127 0-18.337 8.21-18.337 18.337v55.009c0 10.127 8.21 18.337 18.337 18.337 10.127 0 18.337-8.21 18.337-18.337V18.337C18.337 8.21 10.127 0 0 0"
transform="translate(126.057 412.817)"
fill="#5a5a5a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-10.127 0-18.337 8.21-18.337 18.337v55.009c0 10.127 8.21 18.337 18.337 18.337 10.127 0 18.337-8.21 18.337-18.337V18.337C18.337 8.21 10.127 0 0 0"
transform="translate(299.315 412.817)"
fill="#5a5a5a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-10.127 0-18.337 8.21-18.337 18.337v55.009c0 10.127 8.21 18.337 18.337 18.337 10.127 0 18.337-8.21 18.337-18.337V18.337C18.337 8.21 10.127 0 0 0"
transform="translate(385.943 412.817)"
fill="#5a5a5a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-10.127 0-18.337 8.21-18.337 18.337v55.009c0 10.127 8.21 18.337 18.337 18.337 10.127 0 18.337-8.21 18.337-18.337V18.337C18.337 8.21 10.127 0 0 0"
transform="translate(212.685 412.817)"
fill="#5a5a5a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-10.127 0-18.337 8.21-18.337 18.337v55.009c0 10.127 8.21 18.337 18.337 18.337 10.127 0 18.337-8.21 18.337-18.337V18.337C18.337 8.21 10.127 0 0 0"
transform="translate(126.057 412.817)"
fill="#5a5a5a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-10.127 0-18.337 8.21-18.337 18.337v55.009c0 10.127 8.21 18.337 18.337 18.337 10.127 0 18.337-8.21 18.337-18.337V18.337C18.337 8.21 10.127 0 0 0"
transform="translate(299.315 412.817)"
fill="#5a5a5a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-10.127 0-18.337 8.21-18.337 18.337v55.009c0 10.127 8.21 18.337 18.337 18.337 10.127 0 18.337-8.21 18.337-18.337V18.337C18.337 8.21 10.127 0 0 0"
transform="translate(385.943 412.817)"
fill="#5a5a5a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a18.24 18.24 0 0 1-8.504-2.1c5.842-3.066 9.832-9.181 9.832-16.236v-55.01c0-7.055-3.99-13.171-9.832-16.237A18.239 18.239 0 0 1 0-91.682c10.127 0 18.336 8.209 18.336 18.336v55.01C18.336-8.209 10.127 0 0 0"
transform="translate(212.685 504.5)"
fill="#444"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a18.24 18.24 0 0 1-8.504-2.1c5.842-3.066 9.832-9.181 9.832-16.236v-55.01c0-7.055-3.99-13.171-9.832-16.237A18.239 18.239 0 0 1 0-91.682c10.127 0 18.336 8.209 18.336 18.336v55.01C18.336-8.209 10.127 0 0 0"
transform="translate(126.057 504.5)"
fill="#444"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a18.24 18.24 0 0 1-8.504-2.1c5.842-3.066 9.832-9.181 9.832-16.236v-55.01c0-7.055-3.99-13.171-9.832-16.237A18.239 18.239 0 0 1 0-91.682c10.127 0 18.336 8.209 18.336 18.336v55.01C18.336-8.209 10.127 0 0 0"
transform="translate(299.315 504.5)"
fill="#444"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a18.24 18.24 0 0 1-8.504-2.1c5.842-3.066 9.832-9.181 9.832-16.236v-55.01c0-7.055-3.99-13.171-9.832-16.237A18.239 18.239 0 0 1 0-91.682c10.127 0 18.336 8.209 18.336 18.336v55.01C18.336-8.209 10.127 0 0 0"
transform="translate(385.943 504.5)"
fill="#444"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v0c-10.127 0-18.337 8.21-18.337 18.337v55.009c0 10.127 8.21 18.337 18.337 18.337 10.127 0 18.337-8.21 18.337-18.337V18.337C18.337 8.21 10.127 0 0 0Z"
transform="translate(212.685 412.817)"
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 0v0c-10.127 0-18.337 8.21-18.337 18.337v55.009c0 10.127 8.21 18.337 18.337 18.337 10.127 0 18.337-8.21 18.337-18.337V18.337C18.337 8.21 10.127 0 0 0Z"
transform="translate(126.057 412.817)"
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 0v0c-10.127 0-18.337 8.21-18.337 18.337v55.009c0 10.127 8.21 18.337 18.337 18.337 10.127 0 18.337-8.21 18.337-18.337V18.337C18.337 8.21 10.127 0 0 0Z"
transform="translate(299.315 412.817)"
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 0v0c-10.127 0-18.337 8.21-18.337 18.337v55.009c0 10.127 8.21 18.337 18.337 18.337 10.127 0 18.337-8.21 18.337-18.337V18.337C18.337 8.21 10.127 0 0 0Z"
transform="translate(385.943 412.817)"
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 0h224.111"
transform="translate(143.944 130.203)"
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 0h237.475c6.189 0 11.206 5.017 11.206 11.205V117.65c0 6.189-5.017 11.205-11.206 11.205H0c-6.189 0-11.206-5.016-11.206-11.205V11.205C-11.206 5.017-6.189 0 0 0Z"
transform="translate(137.263 247.526)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="653,35,329,0"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0h224.111"
transform="translate(143.944 78.227)"
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-15.73v-27.504c0-10.127-8.209-18.336-18.336-18.336-10.127 0-18.336 8.209-18.336 18.336V0h-49.957v-27.504c0-10.127-8.209-18.336-18.336-18.336-10.127 0-18.336 8.209-18.336 18.336V0h-49.957v-27.504c0-10.127-8.209-18.336-18.336-18.336-10.127 0-18.336 8.209-18.336 18.336V0h-49.957v-27.504c0-10.127-8.209-18.336-18.336-18.336-10.127 0-18.336 8.209-18.336 18.336V0h-15.731c-14.064 0-25.466-11.401-25.466-25.467v-400.224c0-14.065 11.402-25.467 25.466-25.467H0c14.064 0 25.467 11.402 25.467 25.467v400.224C25.467-11.401 14.064 0 0 0Z"
transform="translate(420.01 458.658)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="515,35,329,0"
stroke-dashoffset="0"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category