Add icons to this collection by clicking the heart icon.
Notebook icon - also known as education, diary, notebook, school, and agenda. Created in a clean outline 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="512"
height="512"
viewBox="0 0 16.933333 16.933334"
>
<g id="layer1" transform="translate(0 -280.067)">
<path
id="path16929"
d="m3.7029452 281.38877a.26460982.26460982 0 0 0 .00201 0h9.5234378c.584473 0 1.060545.47459 1.060547 1.05859v12.17188c-.000001.58399-.476074 1.05859-1.060547 1.05859h-9.5234478a.26460982.26460982 0 0 0 -.00201 0z"
fill="#ff8a26"
shape-padding="0"
solid-color="#000000"
solid-opacity="1"
vector-effect="none"
/>
<path
id="path16931"
d="m3.7031302 281.38851v14.28957a.26460982.26460982 0 0 1 .00209 0h2.6447511v-14.28957h-2.6447988a.26460982.26460982 0 0 1 -.00209 0z"
fill="#ffcf4d"
shape-padding="0"
solid-color="#000000"
solid-opacity="1"
vector-effect="none"
/>
<path
id="path16989"
d="m7.9373663 283.50595h4.7617187a.26460982.26460982 0 0 0 .002 0v2.64649a.26460982.26460982 0 0 0 -.002 0h-4.7617187z"
fill="#ffcf4d"
shape-padding="0"
solid-color="#000000"
solid-opacity="1"
vector-effect="none"
/>
<path
id="path17311"
d="m12.953728 281.38851c.325599.24134.540536.62454.540536 1.05885v12.17187c0 .43432-.214937.81752-.540536 1.05885h.274402c.584476 0 1.060919-.47485 1.060919-1.05885v-12.17187c-.000003-.58399-.476443-1.05885-1.060919-1.05885z"
fill="#e87e23"
shape-padding="0"
solid-color="#000000"
solid-opacity="1"
vector-effect="none"
/>
<path
id="path23412-8"
d="m3.7051992 281.12496a.26460982.26460982 0 0 0 -.266134.26355v2.11719h-.7927169a.26484149.26484149 0 1 0 0 .52968h.7927169v1.85157h-.7927169a.264648.264648 0 1 0 0 .52917h.7927169v1.85363h-.7927169a.26460982.26460982 0 0 0 -.02739 0 .26460982.26460982 0 0 0 .02739.5271h.7927169v1.85363h-.7927169a.26460982.26460982 0 0 0 -.02739 0 .26500093.26500093 0 0 0 .02739.52917h.7927169v1.85157h-.7927169a.26460982.26460982 0 0 0 -.02739 0 .26519511.26519511 0 0 0 .02739.52968h.7927169v2.11718a.26460982.26460982 0 0 0 .266134.26355h9.5229308c.728322 0 1.324468-.59408 1.324468-1.3224v-12.17187c0-.72831-.596146-1.3224-1.324468-1.3224zm.2635491.52969h2.1171829v13.7573h-2.1171829v-1.85105h.792716a.2648413.2648413 0 1 0 0-.52968h-.792716v-1.85157h.792716a.264648.264648 0 0 0 0-.52917h-.792716v-1.85363h.792716a.26460982.26460982 0 1 0 0-.5271h-.792716v-1.85363h.792716a.264648.264648 0 1 0 0-.52917h-.792716v-1.85157h.792716a.26484149.26484149 0 1 0 0-.52968h-.792716zm2.646349 0h6.6130327c.444315 0 .795301.3484.795301.79271v12.17187c0 .44432-.350986.79272-.795301.79272h-6.6130327zm1.2970799 1.5875a.26460982.26460982 0 0 0 -.2382279.26355v2.64686a.26460982.26460982 0 0 0 .263549.26356h4.7614657a.26460982.26460982 0 0 0 .265618-.26356v-2.64686a.26460982.26460982 0 0 0 -.265618-.26355h-4.7614657a.26460982.26460982 0 0 0 -.025321 0zm.290939.52968h4.2322988v2.11512h-4.2322988z"
shape-padding="0"
solid-color="#000000"
solid-opacity="1"
vector-effect="none"
/>
</g>
</svg>
More icons in the same style and category