Add icons to this collection by clicking the heart icon.
Note icon - also known as notebook, pencil, draw, note, sketch, art and design, and sketchbook. Created in a clean flat style, 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="512"
height="512"
viewBox="0 0 512 512"
>
<path
fill="#e5eef9"
d="M372.285 49.061H56.649c-8.44 0-15.281 6.842-15.281 15.281v432.376c0 8.44 6.842 15.281 15.281 15.281h315.634c8.44 0 15.281-6.842 15.281-15.281V64.343c.001-8.439-6.84-15.281-15.279-15.282z"
/>
<path
fill="#d5e3f4"
d="M388.767 49.061h-26.784c8.44 0 15.281 6.842 15.281 15.281v432.376c0 8.44-6.842 15.281-15.281 15.281h26.784c8.44 0 15.281-6.842 15.281-15.281V64.343c0-8.44-6.842-15.282-15.281-15.282z"
/>
<path
fill="#9c9c9c"
d="M361.609 161.744h-97.695a7.726 7.726 0 1 1 0-15.452h97.695a7.726 7.726 0 0 1 7.726 7.726 7.725 7.725 0 0 1-7.726 7.726zM361.609 192.649h-97.695a7.726 7.726 0 1 1 0-15.452h97.695a7.726 7.726 0 1 1 0 15.452zM361.609 223.554h-97.695a7.726 7.726 0 1 1 0-15.452h97.695a7.726 7.726 0 0 1 7.726 7.726 7.725 7.725 0 0 1-7.726 7.726zM196.783 400.139H83.807a7.726 7.726 0 1 1 0-15.452h112.976a7.726 7.726 0 1 1 0 15.452zM196.783 431.044H83.807a7.726 7.726 0 1 1 0-15.452h112.976a7.726 7.726 0 1 1 0 15.452zM196.783 461.949H83.807a7.726 7.726 0 1 1 0-15.452h112.976a7.726 7.726 0 1 1 0 15.452z"
/>
<path
fill="#ffe177"
d="M351.308 476.887h-92.373c-9.941 0-18.028-8.087-18.028-18.028v-71.081c0-9.94 8.087-18.028 18.028-18.028h92.373c9.94 0 18.028 8.087 18.028 18.028v71.081c0 9.94-8.088 18.028-18.028 18.028zm-92.373-91.685a2.578 2.578 0 0 0-2.575 2.575v71.081a2.577 2.577 0 0 0 2.575 2.575h92.373a2.578 2.578 0 0 0 2.575-2.575v-71.081a2.577 2.577 0 0 0-2.575-2.575z"
/>
<path
fill="#ffcebf"
d="m316.309 412.469 38.502-23.771-46.089-26.609-.853 28.894z"
/>
<path
fill="#ffb09e"
d="m321.294 398.733 2.956 8.834 13.103.437 24.596-15.185-16.059-9.271z"
/>
<path
fill="#5a5a5a"
d="m316.31 412.469 13.906-8.585-22.346-12.901-.482 16.336z"
/>
<path
fill="#3c87d0"
d="m308.715 362.096 92.931-160.958 46.089 26.61-92.932 160.958z"
/>
<path
fill="#444"
d="m321.294 398.733-13.906 8.585-.267 9.044c-.138 4.683 4.639 7.442 8.626 4.98l21.606-13.339z"
/>
<path
fill="#0078c8"
d="M345.882 383.555 438.813 222.6l16.058 9.271-92.93 160.957z"
/>
<path
fill="#f07281"
d="m457.987 187.969-27.014-15.596c-5.268-3.041-12.004-1.236-15.045 4.031l-14.274 24.724 46.089 26.609 14.274-24.724c3.041-5.267 1.237-12.003-4.03-15.044z"
/>
<path
fill="#0078c8"
d="M345.882 383.555 438.813 222.6l16.058 9.271-92.93 160.957z"
/>
<path
fill="#eb5569"
d="m465.123 192.089-16.058-9.271c5.267 3.042 7.071 9.777 4.03 15.044l-14.274 24.724 16.059 9.271 14.274-24.724c3.042-5.267 1.237-12.003-4.031-15.044z"
/>
<path
fill="#f07281"
d="M200.646 355.589c-37.538 0-68.077-30.54-68.077-68.078s30.539-68.077 68.077-68.077 68.078 30.54 68.078 68.077c0 37.538-30.54 68.078-68.078 68.078zm0-120.704c-29.018 0-52.625 23.607-52.625 52.625s23.607 52.626 52.625 52.626 52.625-23.608 52.625-52.626-23.607-52.625-52.625-52.625z"
/>
<g fill="#bfbfbf">
<path
d="M343.066 81.944V15.289c0-4.949-2.363-9.335-6.01-12.128-3.647 2.793-6.01 7.179-6.01 12.128v66.654c0 4.949 2.363 9.335 6.01 12.128 3.648-2.793 6.01-7.179 6.01-12.127z"
/>
<path
d="M345.298 94.071c3.647-2.793 6.01-7.179 6.01-12.128V15.289c0-4.949-2.363-9.335-6.01-12.128h-8.241c-3.647 2.793-6.01 7.179-6.01 12.128v66.654c0 4.949 2.363 9.335 6.01 12.128z"
/>
</g>
<path
fill="#acacac"
d="M337.056 3.162c3.647 2.793 6.01 7.179 6.01 12.128v66.654c0 4.949-2.363 9.335-6.01 12.128 10.018 7.671 24.553.524 24.553-12.128V15.289c0-12.666-14.548-19.788-24.553-12.127z"
/>
<g fill="#bfbfbf">
<path
d="M260.653 81.944V15.289c0-4.949-2.363-9.335-6.01-12.128-3.647 2.793-6.01 7.179-6.01 12.128v66.654c0 4.949 2.363 9.335 6.01 12.128 3.648-2.793 6.01-7.179 6.01-12.127z"
/>
<path
d="M262.885 94.071c3.647-2.793 6.01-7.179 6.01-12.128V15.289c0-4.949-2.363-9.335-6.01-12.128h-8.241c-3.647 2.793-6.01 7.179-6.01 12.128v66.654c0 4.949 2.363 9.335 6.01 12.128z"
/>
</g>
<path
fill="#acacac"
d="M254.643 3.162c3.647 2.793 6.01 7.179 6.01 12.128v66.654c0 4.949-2.363 9.335-6.01 12.128a15.195 15.195 0 0 0 9.271 3.154c8.44 0 15.281-6.842 15.281-15.281V15.289c.001-12.666-14.548-19.788-24.552-12.127z"
/>
<g fill="#bfbfbf">
<path
d="M178.24 81.944V15.289c0-4.949-2.363-9.335-6.01-12.128-3.647 2.793-6.01 7.179-6.01 12.128v66.654c0 4.949 2.363 9.335 6.01 12.128 3.647-2.793 6.01-7.179 6.01-12.127z"
/>
<path
d="M180.471 94.071c3.647-2.793 6.01-7.179 6.01-12.128V15.289c0-4.949-2.363-9.335-6.01-12.128h-8.241c-3.647 2.793-6.01 7.179-6.01 12.128v66.654c0 4.949 2.363 9.335 6.01 12.128z"
/>
</g>
<path
fill="#acacac"
d="M172.23 3.162c3.647 2.793 6.01 7.179 6.01 12.128v66.654c0 4.949-2.363 9.335-6.01 12.128a15.195 15.195 0 0 0 9.271 3.154c8.44 0 15.281-6.842 15.281-15.281V15.289c.001-12.666-14.548-19.788-24.552-12.127z"
/>
<g fill="#bfbfbf">
<path
d="M95.827 81.944V15.289c0-4.949-2.363-9.335-6.01-12.128-3.647 2.793-6.01 7.179-6.01 12.128v66.654c0 4.949 2.363 9.335 6.01 12.128 3.647-2.793 6.01-7.179 6.01-12.127z"
/>
<path
d="M98.058 94.071c3.647-2.793 6.01-7.179 6.01-12.128V15.289c0-4.949-2.363-9.335-6.01-12.128h-8.241c-3.647 2.793-6.01 7.179-6.01 12.128v66.654c0 4.949 2.363 9.335 6.01 12.128z"
/>
</g>
<path
fill="#acacac"
d="M99.088.008a15.195 15.195 0 0 0-9.271 3.154c3.647 2.793 6.01 7.179 6.01 12.128v66.654c0 4.949-2.363 9.335-6.01 12.128a15.195 15.195 0 0 0 9.271 3.154c8.44 0 15.281-6.842 15.281-15.281V15.289C114.37 6.85 107.528.008 99.088.008z"
/>
<path
fill="#3c87d0"
d="M204.509 219.55v-55.231c0-9.94-8.087-18.028-18.028-18.028H94.108c-9.94 0-18.028 8.087-18.028 18.028v92.373c0 9.94 8.087 18.028 18.028 18.028h39.682c1.295-6.784 3.066-11.044 4.9-15.452H94.108a2.578 2.578 0 0 1-2.575-2.575V164.32a2.577 2.577 0 0 1 2.575-2.575h92.373a2.578 2.578 0 0 1 2.575 2.575v56.113c5.288-.831 9.611-1.212 15.453-.883z"
/>
</svg>
More icons in the same style and category