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 flat style with a white, gray, black, red, yellow, lime, teal, 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 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"
/>
</svg>
More icons in the same style and category