Add icons to this collection by clicking the heart icon.
Notes icon - also known as technology, education, microphone, bookmark, sound, notebook, notes, pencil, workbook, radio, voice recorder, writing, memo, agenda, electronics, social media, voice recording, planner, music and multimedia, and business and finance. 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>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v-407c0-8.285 6.716-15 15-15h241.894l-.001 258.456H91.126v90h165.768V15H15C6.716 15 0 8.284 0 0"
transform="translate(30.054 489.5)"
fill="#f2c0d7"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M271.948 415.956h15V504.5h-15zm0-348.456h15l-.001 258.456h-14.999z"
fill="#f2a7cb"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0v-437h37.5c12.375 0 22.5 10.126 22.5 22.5v392C60-10.127 49.875 0 37.5 0Z"
transform="translate(316.947 504.5)"
fill="#f2c0d7"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M316.947 67.5h15v437h-15z"
fill="#f2a7cb"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h30v437H0V0"
transform="translate(286.948 67.5)"
fill="#f7eba4"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0v-90h165.767V0Z"
transform="translate(121.18 415.956)"
fill="#e4ecf4"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c0-8.284 6.716-15 15-15h301.893v60H15C6.716 45 0 51.715 0 60Z"
transform="translate(30.054 22.5)"
fill="#e4ecf4"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0v-60h7.5C19.875-60 30-49.873 30-37.5v60C30 10.127 19.875 0 7.5 0Z"
transform="translate(346.947 67.5)"
fill="#f2a7cb"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M421.946 80.48h60V425h-60z"
fill="#fdc682"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="m0 0 30-53.48L60 0Z"
transform="translate(421.946 80.48)"
fill="#fedbad"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0v-45h60V0c0 8.285-6.716 15-15 15H15C6.716 15 0 8.285 0 0"
transform="translate(421.946 470)"
fill="#fdc682"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0v-407c0-8.285 6.716-15 15-15h22.5c-8.285 0-15 6.715-15 15V0c0 8.284 6.715 15 15 15H15C6.716 15 0 8.284 0 0"
transform="translate(30.054 489.5)"
fill="#f2a7cb"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c0-8.284 6.716-15 15-15h22.5c-8.285 0-15 6.716-15 15v45H15C6.716 45 0 51.715 0 60Z"
transform="translate(30.054 22.5)"
fill="#c6daec"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M286.947 67.5h15v437h-15z"
fill="#f4e276"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M421.946 80.48h22.5V425h-22.5z"
fill="#fbb057"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0v-45h22.5V0c0 8.285 6.715 15 15 15H15C6.716 15 0 8.285 0 0"
transform="translate(421.946 470)"
fill="#fbb057"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="m0 0 30-53.48 11.25 20.055L22.5 0Z"
transform="translate(421.946 80.48)"
fill="#fab684"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M271.948 325.956h15v90h-15z"
fill="#c6daec"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0v45m0 15v15"
transform="translate(346.947 405.452)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15m15 0h15"
transform="translate(52.554 97.499)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-14.999"
transform="translate(451.946 387.5)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-14.999"
transform="translate(164.685 37.5)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v37.499c0 8.284 6.716 15 15 15h147.196m184.697-377.001v-37.499c0-12.374-10.125-22.5-22.5-22.5H15c-8.284 0-15 6.715-15 15V-15m177.197 67.499h147.196c12.375 0 22.5-10.127 22.5-22.5v-339.501"
transform="translate(30.054 452.001)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-60c0-12.373-10.125-22.5-22.5-22.5h-309.393c-8.284 0-15 6.716-15 15v60"
transform="translate(376.947 90)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-60"
transform="translate(346.947 67.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-104.631m316.893 0H45"
transform="translate(134.685 37.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-224.52L30-278l30 53.48v44.999m0 15v329.52C60 173.284 53.284 180 45 180H15c-8.284 0-15-6.716-15-15.001V15.001"
transform="translate(421.946 305)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h60"
transform="translate(421.946 80.48)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h60"
transform="translate(421.946 425)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-277.02M0 67.5V45"
transform="translate(451.946 357.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-437"
transform="translate(316.947 504.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-437"
transform="translate(286.948 504.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-143.268v-90H0"
transform="translate(264.448 415.956)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15m15 0h15"
transform="translate(181.564 370.956)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category