Add icons to this collection by clicking the heart icon.
Notebook icon - also known as education, study, write, notebook, pencil, planning, organization, plan, and lecture. Created in a clean flat style with a white, silver, gray, red, and orange 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 66 66"
>
<path fill="#8aba55" d="M56.2 14.67h7.09V54.9H56.2z" />
<path
fill="#fff"
d="M56.2 14.67v3c2.26 0 4.09 1.83 4.09 4.09v17.69c0 1.66 1.34 3 3 3V14.67z"
opacity=".3"
/>
<path
fill="#ef4a51"
d="M6.7 3v5.44h2c1.1 0 2 .9 2 2s-.9 2-2 2h-2v5.03h2c1.1 0 2 .9 2 2s-.9 2-2 2h-2v5.03h2c1.1 0 2 .9 2 2s-.9 2-2 2h-2v5.03h2c1.1 0 2 .9 2 2s-.9 2-2 2h-2v5.03h2c1.1 0 2 .9 2 2s-.9 2-2 2h-2v5.03h2c1.1 0 2 .9 2 2s-.9 2-2 2h-2V63h9V3z"
/>
<path
fill="#7cb5e8"
d="M45.74 37.07c-2.25 0-4.07-1.82-4.07-4.07s1.82-4.07 4.07-4.07h4.48V7c0-2.21-1.79-4-4-4H15.7v60h30.52c2.21 0 4-1.79 4-4V37.07z"
/>
<path
fill="#4e6575"
d="M8.7 8.44h-4c-1.1 0-2 .9-2 2s.9 2 2 2h4a2 2 0 1 0 0-4z"
/>
<path
fill="#e2e2e2"
d="M8.7 8.44H5.26c-.1.24-.16.5-.16.78 0 1.1.9 2 2 2h3.44A1.993 1.993 0 0 0 8.7 8.44z"
opacity=".3"
/>
<path
fill="#4e6575"
d="M8.7 17.46h-4c-1.1 0-2 .9-2 2s.9 2 2 2h4a2 2 0 1 0 0-4z"
/>
<path
fill="#e2e2e2"
d="M8.7 17.46H5.26c-.1.24-.16.5-.16.78 0 1.1.9 2 2 2h3.44a2 2 0 0 0-1.84-2.78z"
opacity=".3"
/>
<path
fill="#4e6575"
d="M8.7 26.49h-4c-1.1 0-2 .9-2 2s.9 2 2 2h4c1.1 0 2-.9 2-2 0-1.11-.89-2-2-2z"
/>
<path
fill="#e2e2e2"
d="M8.7 26.49H5.26c-.1.24-.16.5-.16.78 0 1.1.9 2 2 2h3.44a1.993 1.993 0 0 0-1.84-2.78z"
opacity=".3"
/>
<path
fill="#4e6575"
d="M8.7 35.51h-4c-1.1 0-2 .9-2 2s.9 2 2 2h4a2 2 0 1 0 0-4z"
/>
<path
fill="#e2e2e2"
d="M8.7 35.51H5.26c-.1.24-.16.5-.16.78 0 1.1.9 2 2 2h3.44a2 2 0 0 0-1.84-2.78z"
opacity=".3"
/>
<path
fill="#4e6575"
d="M8.7 44.54h-4c-1.1 0-2 .9-2 2s.9 2 2 2h4c1.1 0 2-.9 2-2 0-1.11-.89-2-2-2z"
/>
<path
fill="#e2e2e2"
d="M8.7 44.54H5.26c-.1.24-.16.5-.16.78 0 1.1.9 2 2 2h3.44a1.993 1.993 0 0 0-1.84-2.78z"
opacity=".3"
/>
<path
fill="#4e6575"
d="M8.7 53.56h-4c-1.1 0-2 .9-2 2s.9 2 2 2h4a2 2 0 1 0 0-4z"
/>
<path
fill="#e2e2e2"
d="M8.7 53.56H5.26c-.1.24-.16.5-.16.78 0 1.1.9 2 2 2h3.44a2 2 0 0 0-1.84-2.78z"
opacity=".3"
/>
<path
fill="#4e6575"
d="M45.74 28.93c-2.25 0-4.07 1.82-4.07 4.07s1.82 4.07 4.07 4.07h6.03v-8.14z"
/>
<path
fill="#e2e2e2"
d="M44.69 29.09c.05 2.2 1.84 3.98 4.06 3.98h3.03v-4.14h-6.03c-.37 0-.72.07-1.06.16zM8.62 3.16c.05 2.2 1.84 3.98 4.06 3.98h3.03V3H9.68c-.37 0-.72.06-1.06.16z"
opacity=".3"
/>
<path fill="#ffab03" d="M21.7 45.1h22.52v12.46H21.7z" />
<path fill="#e2e2e2" d="M56.2 10.44h7.09v4.23H56.2z" />
<path fill="#ffab03" d="M63.3 54.9h-7.1l3.55 6.23z" />
<path
fill="#ef4a51"
d="M59.75 4.32a3.55 3.55 0 0 0-3.55 3.55v2.68h7.09V7.87a3.536 3.536 0 0 0-3.54-3.55z"
/>
<path
fill="#e2e2e2"
d="M63.3 7.87a3.55 3.55 0 0 0-3.55-3.55c-.04 0-.08.01-.12.01-.27.53-.43 1.12-.43 1.73a2.48 2.48 0 0 0 2.48 2.48h1.61v-.67z"
opacity=".3"
/>
<path
fill="#fff"
d="M44.22 53.86V45.1H29.07v6.03c0 1.5 1.22 2.72 2.72 2.72h12.43z"
opacity=".3"
/>
<path
fill="#fff"
d="M33.87 45.1c0 1.16.94 2.11 2.11 2.11h5.72v1.48c0 1.16.94 2.11 2.11 2.11h.42v-5.7zM50.22 5.71v20.01H34.19c-7.99 0-14.47-6.48-14.47-14.47V3h27.79c1.49 0 2.71 1.21 2.71 2.71z"
opacity=".3"
/>
<path
fill="#fff"
d="M49.61 23.71h.61v-18C50.22 4.21 49 3 47.51 3H21.82v.91a2.78 2.78 0 0 0 2.78 2.78h22.23v14.23c0 1.54 1.25 2.79 2.78 2.79z"
opacity=".3"
/>
<circle cx="44.55" cy="33" r="1" fill="#f4f9fb" />
<path
fill="#5e7588"
d="M40.15 50.34H25.42c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h14.73c.41 0 .75.34.75.75s-.34.75-.75.75zM36.15 53.83H25.42c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h10.73c.41 0 .75.34.75.75s-.34.75-.75.75z"
/>
<path fill="#ef4a51" d="M44.22 14.74 40.94 12l-3.28 2.74V3h6.56z" />
</svg>
More icons in the same style and category