Add icons to this collection by clicking the heart icon.
Notebook icon - also known as education, notebook, pencil, workbook, drawing, notepad, sketch, and sketchbook. 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.66669"
height="682.66669"
viewBox="0 0 682.66669 682.66669"
>
<defs>
<clipPath clipPathUnits="userSpaceOnUse" id="clipPath1445">
<path d="M 0,512 H 512 V 0 H 0 Z" id="path1443" />
</clipPath>
</defs>
<g id="g1437" transform="matrix(1.3333333,0,0,-1.3333333,0,682.66667)">
<g id="g1439">
<g id="g1441" clip-path="url(#clipPath1445)">
<g id="g1447" transform="translate(346,62)">
<path
d="M 0,0 H -290 V 440 H 0 c 16.568,0 30,-13.432 30,-30 V 30 C 30,13.432 16.568,0 0,0"
id="path1449"
fill="#e7e6f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g1451" transform="translate(316,150)">
<path
d="M 0,0 V 352 H -40 V -40 Z"
id="path1453"
fill="#ff9c9b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<path
d="M 116,62 H 56 v 440 h 60 z"
id="path1455"
fill="#cecdf4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g id="g1457" transform="translate(376,128)">
<path
d="M 0,0 V -36 C 0,-52.568 -13.432,-66 -30,-66 H -66"
id="path1459"
fill="none"
stroke="#b578d3"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g1461" transform="translate(230,62)">
<path
d="m 0,0 h -174 v 440 h 290 c 16.568,0 30,-13.432 30,-30 V 150"
id="path1463"
fill="none"
stroke="#b578d3"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g1465" transform="translate(116,502)">
<path
d="M 0,0 V -440"
id="path1467"
fill="none"
stroke="#b578d3"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g1469" transform="translate(456,210)">
<path
d="m 0,0 -180,-180 -60,-20 20,60 180,180 z"
id="path1471"
fill="#ffe6b4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g1473" transform="translate(456,210)">
<path
d="m 0,0 -50,-50 -40,40 50,50 z"
id="path1475"
fill="#ffffff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g1477" transform="translate(276,30)">
<path
d="m 0,0 -60,-20 20,60 z"
id="path1479"
fill="#ffffff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g1481" transform="translate(456,210)">
<path
d="m 0,0 -30,-30 -40,40 30,30 z"
id="path1483"
fill="#ffcccc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g1485" transform="translate(273.5,32.5)">
<path
d="M 0,0 -35,35"
id="path1487"
fill="none"
stroke="#b578d3"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g1489" transform="translate(216,10)">
<path
d="M 0,0 60,20 240,200 200,240 20,60 Z"
id="path1491"
fill="none"
stroke="#b578d3"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g1493" transform="translate(406,160)">
<path
d="M 0,0 -40,40"
id="path1495"
fill="none"
stroke="#b578d3"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</g>
</g>
</g>
</svg>
More icons in the same style and category