Add icons to this collection by clicking the heart icon.
Notebook icon - also known as education, notebook, note, writing, writing tool, and notepad. Created in a clean lineal color style with a silver, black, 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 0h-309.782c-24.356 0-44.101-19.745-44.101-44.102v-364.505c0-24.357 19.745-44.102 44.101-44.102H0c24.357 0 44.103 19.745 44.103 44.102v364.505C44.103-19.745 24.357 0 0 0"
transform="translate(410.89 460.209)"
fill="#e0e0e0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v364.505c0 24.357 19.745 44.102 44.102 44.102h-40c-24.357 0-44.102-19.745-44.102-44.102V0c0-24.356 19.745-44.102 44.102-44.102h40C19.745-44.102 0-24.356 0 0"
transform="translate(97.007 51.602)"
fill="#bfbdc3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-15.335-15.61-27.767-34.867-27.767-19.257 0-34.867 12.432-34.867 27.767 0 15.335 15.61 27.766 34.867 27.766C-15.61 27.766 0 15.335 0 0"
transform="translate(196.372 353.749)"
fill="#ffa0ab"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-15.335 15.61-27.767 34.866-27.767 19.257 0 34.867 12.432 34.867 27.767 0 15.335-15.61 27.766-34.867 27.766C15.61 27.766 0 15.335 0 0"
transform="translate(315.629 353.749)"
fill="#ffa0ab"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-11.091 0-20.082-8.991-20.082-20.081V-48.83c0-11.091 8.991-20.082 20.082-20.082 11.09 0 20.081 8.991 20.081 20.082v28.749C20.081-8.991 11.09 0 0 0"
transform="translate(121.19 504.5)"
fill="#80d8e6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v28.749c0 7.445 4.062 13.929 10.082 17.397a19.96 19.96 0 0 1-10 2.684C-11.009 48.83-20 39.839-20 28.749V0c0-11.091 8.991-20.082 20.082-20.082 3.645 0 7.053.987 10 2.685C4.062-13.93 0-7.446 0 0"
transform="translate(121.109 455.67)"
fill="#00bed6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-11.091 0-20.081-8.991-20.081-20.081V-48.83c0-11.091 8.99-20.082 20.081-20.082 11.09 0 20.081 8.991 20.081 20.082v28.749C20.081-8.991 11.09 0 0 0"
transform="translate(211.064 504.5)"
fill="#80d8e6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v28.749c0 7.445 4.062 13.929 10.081 17.397a19.96 19.96 0 0 1-10 2.684C-11.01 48.83-20 39.839-20 28.749V0c0-11.091 8.99-20.082 20.081-20.082 3.645 0 7.053.987 10 2.685C4.062-13.93 0-7.446 0 0"
transform="translate(210.982 455.67)"
fill="#00bed6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-11.091 0-20.081-8.991-20.081-20.081V-48.83c0-11.091 8.99-20.082 20.081-20.082s20.081 8.991 20.081 20.082v28.749C20.081-8.991 11.091 0 0 0"
transform="translate(300.937 504.5)"
fill="#80d8e6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v28.749c0 7.445 4.062 13.929 10.081 17.397a19.955 19.955 0 0 1-10 2.684C-11.01 48.83-20 39.839-20 28.749V0c0-11.091 8.99-20.082 20.081-20.082 3.646 0 7.054.987 10 2.685C4.062-13.93 0-7.446 0 0"
transform="translate(300.856 455.67)"
fill="#00bed6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c11.091 0 20.081-8.991 20.081-20.081V-48.83c0-11.091-8.99-20.082-20.081-20.082-11.09 0-20.081 8.991-20.081 20.082v28.749C-20.081-8.991-11.09 0 0 0"
transform="translate(390.81 504.5)"
fill="#80d8e6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v28.749c0 7.445 4.062 13.929 10.081 17.397a19.955 19.955 0 0 1-10 2.684C-11.009 48.83-20 39.839-20 28.749V0c0-11.091 8.991-20.082 20.081-20.082 3.646 0 7.054.987 10 2.685C4.062-13.93 0-7.446 0 0"
transform="translate(390.728 455.67)"
fill="#00bed6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-13.57"
transform="translate(181.825 394.39)"
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 0c4.755-5.456 11.75-8.909 19.556-8.909 7.805 0 14.8 3.453 19.555 8.909"
transform="translate(236.444 380.902)"
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 8.685 7.041 15.725 15.726 15.725C24.41 15.725 31.45 8.685 31.45 0"
transform="translate(317.07 381.198)"
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 0h258.725"
transform="translate(126.638 291.153)"
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 0h258.725"
transform="translate(126.638 227.44)"
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 0h258.725"
transform="translate(126.638 163.728)"
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 0h258.725"
transform="translate(126.638 100.015)"
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-11.091 0-20.082-8.991-20.082-20.081V-48.83c0-11.091 8.991-20.081 20.082-20.081v0c11.09 0 20.081 8.99 20.081 20.081v28.749C20.081-8.991 11.09 0 0 0Z"
transform="translate(121.19 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 0v0c-11.091 0-20.081-8.991-20.081-20.081V-48.83c0-11.091 8.99-20.081 20.081-20.081 11.09 0 20.081 8.99 20.081 20.081v28.749C20.081-8.991 11.09 0 0 0Z"
transform="translate(211.064 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 0v0c-11.091 0-20.081-8.991-20.081-20.081V-48.83c0-11.091 8.99-20.081 20.081-20.081s20.081 8.99 20.081 20.081v28.749C20.081-8.991 11.091 0 0 0Z"
transform="translate(300.937 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-60.768c0-24.357 19.745-44.102 44.102-44.102h309.781c24.358 0 44.102 19.745 44.102 44.102v280.717"
transform="translate(57.007 112.37)"
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 0v53.789C0 78.145-19.744 97.89-44.102 97.89v-4.539c0-11.091-8.99-20.081-20.08-20.081h-.001c-11.09 0-20.081 8.99-20.081 20.081v4.539h-49.711v-4.539c0-11.091-8.99-20.081-20.081-20.081-11.09 0-20.081 8.99-20.081 20.081v4.539h-49.711v-4.539c0-11.091-8.99-20.081-20.081-20.081s-20.081 8.99-20.081 20.081v4.539h-49.711v-4.539c0-11.091-8.99-20.081-20.081-20.081s-20.081 8.99-20.081 20.081v4.539c-24.357 0-44.102-19.745-44.102-44.101v-273.738"
transform="translate(454.992 362.319)"
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 0v0c11.091 0 20.081-8.991 20.081-20.081V-48.83c0-11.091-8.99-20.081-20.081-20.081-11.09 0-20.081 8.99-20.081 20.081v28.749C-20.081-8.991-11.09 0 0 0Z"
transform="translate(390.81 504.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