Add icons to this collection by clicking the heart icon.
Notes icon - also known as education, study, write, notebook, notes, pencil, workbook, pen, note, memo, planning, organization, plan, and lecture. Created in a clean flat style with a white, gray, 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="512"
height="512"
viewBox="0 0 512 512"
>
<path
fill="#00f2a6"
d="M11 267c0 42.965 11.072 83.338 30.5 118.444V266.598a5.104 5.104 0 0 1 5.098-5.098h37.805a5.104 5.104 0 0 1 5.098 5.098v180.095a246.342 246.342 0 0 0 19.5 16.318V70.989C49.494 115.688 11 186.847 11 267zM461 132.823v190.308h-38V87.766a246.295 246.295 0 0 0-20-16.777V463.01c59.506-44.698 98-115.857 98-196.011 0-49.538-14.719-95.632-40-134.176z"
/>
<path
fill="#ffc344"
d="M140.299 483c34.46 18.498 73.852 29 115.701 29s81.241-10.502 115.701-29z"
/>
<path
fill="#ffd15b"
d="M108 456v6.244A245.149 245.149 0 0 0 142.194 484H394c5.523 0 10-4.477 10-10v-18z"
/>
<path fill="#ffe177" d="M108 429h296v28H108z" />
<path fill="#fff0ad" d="M108 62h296v368H108z" />
<path fill="#ffe177" d="M108 62h46v368h-46z" />
<path
fill="#fe7d43"
d="M404 63H108V20c0-11.046 8.954-20 20-20h256c11.046 0 20 8.954 20 20z"
/>
<path
fill="#fd6930"
d="M154 20c0-11.046 8.954-20 20-20h-46c-11.046 0-20 8.954-20 20v43h46z"
/>
<path
fill="#26a6fe"
d="M462 134.336a246.237 246.237 0 0 0-40-47.51V324.13h40z"
/>
<path
fill="#0593fc"
d="M422 86.826V324.13h16V103.012a247.273 247.273 0 0 0-16-16.186z"
/>
<path
fill="#fff"
d="M444.5 191h-5a5 5 0 0 0-5 5v5a5 5 0 0 0 5 5h5a5 5 0 0 0 5-5v-5a5 5 0 0 0-5-5zM444.5 216.652h-5a5 5 0 0 0-5 5v40a5 5 0 0 0 5 5h5a5 5 0 0 0 5-5v-40a5 5 0 0 0-5-5z"
/>
<path fill="#ffcebf" d="M450.618 358.73 462 324.13h-40l11.382 34.6z" />
<path fill="#ffb09e" d="m422 324.13 11.382 34.6h16L438 324.13z" />
<path
fill="#678d98"
d="M450.947 357.73h-17.895l7.048 21.424c.603 1.833 3.197 1.833 3.8 0z"
/>
<path
fill="#fe7d43"
d="M57.84 175.275h15.32c.55 0 1.062.168 1.486.456v-17.429a9.146 9.146 0 0 0-18.292 0v17.429a2.644 2.644 0 0 1 1.486-.456z"
/>
<path
fill="#fff"
d="M49.723 235.25h31.555c1.846 0 3.45.995 4.345 2.468v-18.264c0-3.225-.512-6.429-1.516-9.494l-7.288-12.248v-19.779a3.658 3.658 0 0 0-3.659-3.658H57.84a3.659 3.659 0 0 0-3.659 3.658v19.779l-7.288 12.248a30.492 30.492 0 0 0-1.516 9.494v18.264c.896-1.473 2.5-2.468 4.346-2.468z"
/>
<path
fill="#eef5f6"
d="M58.059 219.454c0-3.225.512-6.429 1.516-9.494l7.288-12.248v-19.779a3.658 3.658 0 0 1 3.659-3.658H57.84a3.659 3.659 0 0 0-3.659 3.658v19.779l-7.288 12.248a30.492 30.492 0 0 0-1.516 9.494v18.264c.895-1.473 2.499-2.468 4.345-2.468h8.337z"
/>
<path
fill="#eef5f6"
d="M46.598 261.5h37.805c1.112 0 2.134.368 2.973.975v-22.127a6.098 6.098 0 0 0-6.098-6.098H49.723a6.098 6.098 0 0 0-6.098 6.098v22.127a5.053 5.053 0 0 1 2.973-.975z"
/>
<path
fill="#deecf1"
d="M64.125 240.348a6.098 6.098 0 0 1 6.098-6.098h-20.5a6.098 6.098 0 0 0-6.098 6.098v22.127a5.053 5.053 0 0 1 2.973-.975h17.527z"
/>
<path
fill="#fe7d43"
d="M84.402 260.5H46.598a6.098 6.098 0 0 0-6.098 6.098v117.051c13.042 24.044 29.996 45.653 50 63.99V266.598a6.098 6.098 0 0 0-6.098-6.098z"
/>
<path
fill="#fd6930"
d="M61 266.598a6.098 6.098 0 0 1 6.098-6.098h-20.5a6.098 6.098 0 0 0-6.098 6.098v117.051A245.014 245.014 0 0 0 61 415.316z"
/>
<path
fill="#ffcebf"
d="M65.5 288.688a7.5 7.5 0 0 1 7.5 7.5v61.875a7.5 7.5 0 0 1-15 0v-61.875a7.5 7.5 0 0 1 7.5-7.5z"
/>
<path
fill="#7ca1b1"
d="M297 104.5h-82a5 5 0 0 1-5-5v-5a5 5 0 0 1 5-5h82a5 5 0 0 1 5 5v5a5 5 0 0 1-5 5zM354 149.643H158a5 5 0 0 1-5-5v-5a5 5 0 0 1 5-5h196a5 5 0 0 1 5 5v5a5 5 0 0 1-5 5z"
/>
<g fill="#7ca1b1">
<path
d="M298 173.786H158a5 5 0 0 0-5 5v5a5 5 0 0 0 5 5h140a5 5 0 0 0 5-5v-5a5 5 0 0 0-5-5zM318 178.786v5a5 5 0 0 0 5 5h31a5 5 0 0 0 5-5v-5a5 5 0 0 0-5-5h-31a5 5 0 0 0-5 5z"
/>
</g>
<g fill="#7ca1b1">
<path
d="M174 212.929h-16a5 5 0 0 0-5 5v5a5 5 0 0 0 5 5h16a5 5 0 0 0 5-5v-5a5 5 0 0 0-5-5zM199 227.929h17a5 5 0 0 0 5-5v-5a5 5 0 0 0-5-5h-17a5 5 0 0 0-5 5v5a5 5 0 0 0 5 5zM236 217.929v5a5 5 0 0 0 5 5h113a5 5 0 0 0 5-5v-5a5 5 0 0 0-5-5H241a5 5 0 0 0-5 5z"
/>
</g>
<path
fill="#7ca1b1"
d="M354 267.071H158a5 5 0 0 1-5-5v-5a5 5 0 0 1 5-5h196a5 5 0 0 1 5 5v5a5 5 0 0 1-5 5z"
/>
<g fill="#fe7d43">
<path
d="M277 291.214H158a5 5 0 0 0-5 5v5a5 5 0 0 0 5 5h119a5 5 0 0 0 5-5v-5a5 5 0 0 0-5-5zM297 296.214v5a5 5 0 0 0 5 5h52a5 5 0 0 0 5-5v-5a5 5 0 0 0-5-5h-52a5 5 0 0 0-5 5z"
/>
</g>
<path
fill="#fe7d43"
d="M354 345.357H158a5 5 0 0 1-5-5v-5a5 5 0 0 1 5-5h196a5 5 0 0 1 5 5v5a5 5 0 0 1-5 5zM256.538 384.5H158a5 5 0 0 1-5-5v-5a5 5 0 0 1 5-5h98.538a5 5 0 0 1 5 5v5a5 5 0 0 1-5 5z"
/>
<path
fill="#ffe177"
d="M156 29v5a5 5 0 0 0 5 5h19a5 5 0 0 0 5-5v-5a5 5 0 0 0-5-5h-19a5 5 0 0 0-5 5zM327 29v5a5 5 0 0 0 5 5h19a5 5 0 0 0 5-5v-5a5 5 0 0 0-5-5h-19a5 5 0 0 0-5 5zM304 39h-96a5 5 0 0 1-5-5v-5a5 5 0 0 1 5-5h96a5 5 0 0 1 5 5v5a5 5 0 0 1-5 5z"
/>
<path
fill="#537983"
d="M450.947 357.73h-17.895l7.048 21.424c.603 1.833 3.197 1.833 3.8 0z"
/>
<path
fill="#ffc344"
d="M154 456h-46v6.244A245.149 245.149 0 0 0 142.194 484H154z"
/>
<path fill="#ffd15b" d="M108 429h46v28h-46z" />
</svg>
More icons in the same style and category