Add icons to this collection by clicking the heart icon.
Notebook icon - also known as education, bookmark, notebook, address book, 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 48 48"
>
<path
fill="#3364aa"
d="M42 10v4a1.003 1.003 0 0 1-1 1h-4V9h4a.991.991 0 0 1 .98.85.389.389 0 0 1 .02.15z"
/>
<path
fill="#4279bd"
d="M41.98 9.85A12.024 12.024 0 0 1 37.64 15H37V9h4a.991.991 0 0 1 .98.85z"
/>
<path fill="#06c458" d="M37 15h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-4v-6z" />
<path
fill="#34d143"
d="M41.98 15.85A12.024 12.024 0 0 1 37.64 21H37v-6h4a.991.991 0 0 1 .98.85z"
/>
<path fill="#ee4042" d="M37 30h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-4v-6z" />
<path
fill="#ff5543"
d="M41.98 30.85A12.024 12.024 0 0 1 37.64 36H37v-6h4a.991.991 0 0 1 .98.85z"
/>
<rect width="30" height="44" x="8" y="2" fill="#ffc239" rx="1" />
<path
fill="#ffe266"
d="M31.97 2a70.59 70.59 0 0 1-16.9 44H9a1.003 1.003 0 0 1-1-1V3a1.003 1.003 0 0 1 1-1z"
/>
<g fill="#4d4d4d">
<path
d="M13 2h2v44h-2zM10 7H6a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2zM10 13H6a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2zM10 19H6a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2zM10 25H6a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2zM10 31H6a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2zM10 37H6a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2zM10 43H6a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2z"
/>
</g>
<rect width="18" height="12" x="17" y="11" fill="#e6e6e6" rx="1" />
<path
fill="#f2f2f2"
d="M31.15 11a70.38 70.38 0 0 1-2.96 12H18a1.003 1.003 0 0 1-1-1V12a1.003 1.003 0 0 1 1-1z"
/>
<path
fill="#333"
d="M35 28a1.003 1.003 0 0 1-1 1H18a1 1 0 0 1 0-2h16a1.003 1.003 0 0 1 1 1z"
/>
<path
fill="#4d4d4d"
d="M26.68 27c-.27.68-.56 1.34-.86 2H18a1 1 0 0 1 0-2z"
/>
<path
fill="#333"
d="M35 32a1.003 1.003 0 0 1-1 1H18a1 1 0 0 1 0-2h16a1.003 1.003 0 0 1 1 1z"
/>
<path
fill="#4d4d4d"
d="M18 31h6.89c-.32.67-.66 1.34-1.02 2H18a1 1 0 0 1 0-2z"
/>
<path
fill="#333"
d="M33 36a1.003 1.003 0 0 1-1 1H20a1 1 0 0 1 0-2h12a1.003 1.003 0 0 1 1 1z"
/>
<path
fill="#4d4d4d"
d="M20 35h2.78c-.38.67-.77 1.34-1.18 2H20a1 1 0 0 1 0-2z"
/>
<path
d="M37 47H9a2.003 2.003 0 0 1-2-2V3a2.003 2.003 0 0 1 2-2h28a2.003 2.003 0 0 1 2 2v42a2.003 2.003 0 0 1-2 2zM9 3v42h28.002L37 3z"
/>
<path
d="M14 47a1 1 0 0 1-1-1V2a1 1 0 0 1 2 0v44a1 1 0 0 1-1 1zM10 7H6a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2zM10 13H6a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2zM10 19H6a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2zM10 25H6a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2zM10 31H6a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2zM10 37H6a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2zM10 43H6a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2zM34 23H18a1 1 0 0 1-1-1V12a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1zm-15-2h14v-8H19zM34 29H18a1 1 0 0 1 0-2h16a1 1 0 0 1 0 2zM34 33H18a1 1 0 0 1 0-2h16a1 1 0 0 1 0 2zM32 37H20a1 1 0 0 1 0-2h12a1 1 0 0 1 0 2zM41 16h-4V8h4a2.003 2.003 0 0 1 2 2v4a2.003 2.003 0 0 1-2 2zm-2-2h2.002L41 10h-2z"
/>
<path
d="M41 22h-4v-8h4a2.003 2.003 0 0 1 2 2v4a2.003 2.003 0 0 1-2 2zm-2-2h2.002L41 16h-2zM41 37h-4v-8h4a2.003 2.003 0 0 1 2 2v4a2.003 2.003 0 0 1-2 2zm-2-2h2.002L41 31h-2z"
/>
</svg>
More icons in the same style and category