Add icons to this collection by clicking the heart icon.
Notebook icon - also known as notebook, notes, pen, writing, lines, definition, fountain pen, and files and folders. Created in a clean lineal color style with a white, silver, black, teal, 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 0h-335.097c-8.112 0-14.69 6.577-14.69 14.69v431.554c0 8.113 6.578 14.69 14.69 14.69H0c8.113 0 14.69-6.577 14.69-14.69V14.69C14.69 6.577 8.113 0 0 0"
transform="translate(389.183 7.5)"
fill="#f7f0f0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-36.998c8.113 0 14.69-6.577 14.69-14.69v-431.554c0-8.113-6.577-14.69-14.69-14.69H0c8.113 0 14.69 6.577 14.69 14.69V-14.69C14.69-6.577 8.113 0 0 0"
transform="translate(389.183 468.434)"
fill="#eedfda"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-10.826 0-19.602 8.776-19.602 19.602v31.554c0 10.826 8.776 19.602 19.602 19.602s19.602-8.776 19.602-19.602V19.602C19.602 8.776 10.826 0 0 0"
transform="translate(96.126 433.742)"
fill="#a8d0d5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-10.826 0-19.602 8.776-19.602 19.602v31.554c0 10.826 8.776 19.602 19.602 19.602s19.602-8.776 19.602-19.602V19.602C19.602 8.776 10.826 0 0 0"
transform="translate(179.799 433.742)"
fill="#a8d0d5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-10.826 0-19.602 8.776-19.602 19.602v31.554c0 10.826 8.776 19.602 19.602 19.602s19.602-8.776 19.602-19.602V19.602C19.602 8.776 10.826 0 0 0"
transform="translate(263.471 433.742)"
fill="#a8d0d5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-10.826 0-19.602 8.776-19.602 19.602v31.554c0 10.826 8.776 19.602 19.602 19.602s19.602-8.776 19.602-19.602V19.602C19.602 8.776 10.826 0 0 0"
transform="translate(347.143 433.742)"
fill="#a8d0d5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-3.631 11.462 1.378 35.846 1.378 35.846l27.993 32.18-45.623 28.508-16.651-39.267s-19.719-15.193-31.614-16.954c-1.896-.281-3.291-1.93-3.322-3.847l-1.123-68.718c-.048-2.951 3.06-4.893 5.691-3.556l61.27 31.136C-.292-3.804.579-1.828 0 0"
transform="translate(274.119 43.739)"
fill="#f9c301"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-42.672 26.664a3.925 3.925 0 0 0-1.249 5.409l162.245 259.655c8.511 13.622 26.454 17.765 40.076 9.253h.001c13.622-8.511 17.765-26.455 9.253-40.077L5.409 1.249A3.925 3.925 0 0 0 0 0"
transform="translate(299.118 108.052)"
fill="#00bef7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a28.94 28.94 0 0 1-17.126 4.362c1.825-7.373.784-15.448-3.56-22.399l-165.801-265.395 28.086-17.549a3.925 3.925 0 0 1 5.409 1.249L9.253-40.077C17.765-26.455 13.622-8.512 0 0"
transform="translate(457.519 409.033)"
fill="#09a6ee"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-42.672 26.664a3.845 3.845 0 0 0-.696.565L-57.902-7.046l34.281-21.421L.812-.378A3.95 3.95 0 0 0 0 0"
transform="translate(299.118 108.052)"
fill="#97e4f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-32.568-52.122"
transform="translate(239.565 60.223)"
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 0c-13.622 8.512-31.565 4.369-40.077-9.253L-92.812-93.65l49.33-30.824L9.253-40.077C17.765-26.455 13.623-8.512 0 0"
transform="translate(457.518 409.033)"
fill="#108ecd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 31.43-19.638 52.735 84.397c8.512 13.622 4.369 31.565-9.253 40.077a28.94 28.94 0 0 1-17.126 4.362c1.825-7.373.784-15.448-3.56-22.399z"
transform="translate(382.606 304.197)"
fill="#017bac"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 20.043-12.524c4.433-2.769 5.781-8.609 3.011-13.041l-41.56-66.514"
transform="translate(448.11 339.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="M0 0h251.017"
transform="translate(96.126 382.375)"
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 0h225.309"
transform="translate(96.126 314.575)"
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 0h182.944"
transform="translate(96.126 246.775)"
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 0h140.58"
transform="translate(96.126 178.974)"
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-22.438c-8.113 0-14.69-6.577-14.69-14.69v-431.554c0-8.113 6.577-14.69 14.69-14.69h335.097c8.112 0 14.69 6.577 14.69 14.69v204.56"
transform="translate(76.524 468.434)"
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-44.469"
transform="translate(160.197 468.434)"
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-44.469"
transform="translate(243.87 468.434)"
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-44.469"
transform="translate(327.541 468.434)"
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 0v34.078c0 8.113-6.577 14.69-14.69 14.69h-22.438"
transform="translate(403.873 419.666)"
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.826 0-19.602 8.776-19.602 19.602v31.554c0 10.826 8.776 19.602 19.602 19.602s19.602-8.776 19.602-19.602V19.602C19.602 8.776 10.826 0 0 0Z"
transform="translate(96.126 433.742)"
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.826 0-19.602 8.776-19.602 19.602v31.554c0 10.826 8.776 19.602 19.602 19.602s19.602-8.776 19.602-19.602V19.602C19.602 8.776 10.826 0 0 0Z"
transform="translate(179.799 433.742)"
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.826 0-19.602 8.776-19.602 19.602v31.554c0 10.826 8.776 19.602 19.602 19.602v0c10.826 0 19.602-8.776 19.602-19.602V19.602C19.602 8.776 10.826 0 0 0Z"
transform="translate(263.471 433.742)"
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.826 0-19.602 8.776-19.602 19.602v31.554c0 10.826 8.776 19.602 19.602 19.602s19.602-8.776 19.602-19.602V19.602C19.602 8.776 10.826 0 0 0Z"
transform="translate(347.143 433.742)"
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-14.419-23.077a3.926 3.926 0 0 0-5.41-1.249L-62.501 2.338a3.926 3.926 0 0 0-1.249 5.409L98.495 267.402c8.512 13.622 26.455 17.765 40.077 9.254v0c13.622-8.512 17.765-26.455 9.253-40.077L18.631 29.817"
transform="translate(318.946 132.377)"
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 34.282-21.421"
transform="translate(241.215 101.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 49.33-30.824"
transform="translate(364.706 315.383)"
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-14.534-34.275s-19.719-15.192-31.613-16.954c-1.897-.281-3.291-1.93-3.323-3.847l-1.123-68.718c-.048-2.951 3.06-4.893 5.691-3.556l61.27 31.136c1.709.869 2.58 2.844 2.001 4.672-3.631 11.463 1.379 35.846 1.379 35.846l24.433 28.09"
transform="translate(255.75 135.28)"
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