Add icons to this collection by clicking the heart icon.
Notes icon - also known as education, notes, pencil, writing, ios, and ios14. Created in a clean lineal color 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="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="M0 0v-30h-30l-60 90Z"
transform="matrix(1.33333 0 0 -1.33333 621.333 632.667)"
fill="#47d4ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-150h-390v30z"
transform="matrix(1.33333 0 0 -1.33333 581.333 472.667)"
fill="#8ae7ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v75h-30L-90-60Z"
transform="matrix(1.33333 0 0 -1.33333 621.333 110)"
fill="#ffa436"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v195h-390v-75Z"
transform="matrix(1.33333 0 0 -1.33333 581.333 270)"
fill="#ffbc2b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-264h-30L-150 0Z"
transform="matrix(1.33333 0 0 -1.33333 621.333 280.667)"
fill="#8ae7ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-264h-390v30z"
transform="matrix(1.33333 0 0 -1.33333 581.333 280.667)"
fill="#bdf1ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-45-90 75 45V0Z"
transform="matrix(1.33333 0 0 -1.33333 581.333 110)"
fill="#8ae7ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-45l390-120V0Z"
transform="matrix(1.33333 0 0 -1.33333 61.333 110)"
fill="#bdf1ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 12.43-186.43 174 174z"
transform="matrix(1.33333 0 0 -1.33333 349.333 320.667)"
fill="#fff"
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 0-15-15-60-143h30c16.57 0 31.57 6.72 42.43 17.57C8.28-129.57 15-114.57 15-98v83z"
transform="translate(451 399.5)"
fill="#bdf1ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-15-15-15 15-15-15-15 15-15-15-15 15-15-15-15 15-15-15-15 15-15-15-15 15-15-15-15 15-15-15-15 15-15-15-15 15-15-15-15 15-15-15-15 15-15-15-15 15-15-15v-317h186c16.57 0 31.57 6.72 42.43 17.57C-135.72-303.57-129-288.57-129-272v114h84c33.14 0 60 26.86 60 60v83z"
transform="translate(421 399.5)"
fill="#e6faff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h186c33.137 0 60 26.863 60 60v114h114c33.137 0 60 26.863 60 60"
transform="translate(46 67.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 0 174 174"
transform="translate(274.427 85.074)"
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-15 15-15-15-15 15-15-15-15 15-15-15-15 15-15-15-15 15-15-15-15 15-15-15-15 15-15-15-15 15-15-15-15 15-15-15-15 15-15-15-15 15-15-15-15 15-15-15-15 15-15-15-15 15-15-15v120H0v-497h-420v347"
transform="translate(466 384.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 0h420"
transform="translate(46 429.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 0h-420"
transform="translate(466 37.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