Add icons to this collection by clicking the heart icon.
Notes icon - also known as education, notebook, notes, pencil, note, writing, notepad, draft, miscellaneous, and files and folders. Created in a clean lineal color style with a white, silver, gray, black, yellow, olive, 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>
<path
d="M368.128 423.687H36.795v60.61h331.333z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#cbcbcb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M368.128 423.687H36.795v60.61h331.333z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#c17d4f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v-34.297c0-5.523-4.477-10-10-10h-297.089V-60.61H24.244V0Z"
transform="translate(343.884 484.297)"
fill="#b16e3d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M368.128 7.5H36.795v416.187h331.333z"
fill="#e4fbef"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-416.187h24.244V0Z"
transform="translate(343.884 423.687)"
fill="#d3f9e2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 34.346 50.508v424.268h-68.692V50.508Z"
transform="translate(440.86 7.5)"
fill="#f6e781"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-66.671h45.457a8.081 8.081 0 0 0 8.082-8.081v-371.799l15.152 22.283V0Z"
transform="translate(406.514 482.276)"
fill="#f6e266"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-68.691l34.345-50.508z"
transform="translate(475.205 58.008)"
fill="#eaac9d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M475.205 431.768h-68.691v50.508h68.691z"
fill="#e27a66"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M460.053 431.768h15.152v50.508h-15.152z"
fill="#df6b57"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M368.128 423.687H36.795v60.61h331.333z"
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-154.979h-331.333v304.916"
transform="translate(368.128 162.48)"
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 0v76.218h331.333v-226.249"
transform="translate(36.795 347.469)"
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 0v50.508"
transform="translate(202.461 453.992)"
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 0v50.508"
transform="translate(266.102 453.992)"
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 0v50.508"
transform="translate(329.742 453.992)"
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 0v50.508"
transform="translate(138.821 453.992)"
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 0v50.508"
transform="translate(75.18 453.992)"
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-262.642"
transform="translate(333.783 371.159)"
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-262.642"
transform="translate(333.783 310.549)"
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-262.642"
transform="translate(333.783 249.939)"
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-262.642"
transform="translate(333.783 189.33)"
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-262.642"
transform="translate(333.783 128.72)"
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-262.642"
transform="translate(333.783 68.11)"
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-68.691l34.345-50.508z"
transform="translate(475.205 58.008)"
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 0v114.86h-68.691v-424.269l34.345-50.508L0-309.409v274.492"
transform="translate(475.205 367.417)"
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-68.691"
transform="translate(475.205 431.768)"
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 0v373.76"
transform="translate(440.86 58.008)"
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