Add icons to this collection by clicking the heart icon.
Diary icon - also known as education, reading, study, book, diary, library, writing, and literature. Created in a clean flat style with a white, silver, gray, 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 32 32"
>
<g>
<rect width="24" height="28" x="5" y="2" fill="#e57373" rx="1" />
<rect width="7" height="28" x="5" y="2" fill="#64b5f6" rx="1" />
<path
d="M8 7a1 1 0 0 1-1 1H5V6h2a1 1 0 0 1 1 1zM8 11a1 1 0 0 1-1 1H5v-2h2a1 1 0 0 1 1 1zM8 15a1 1 0 0 1-1 1H5v-2h2a1 1 0 0 1 1 1zM8 23a1 1 0 0 1-1 1H5v-2h2a1 1 0 0 1 1 1zM8 27a1 1 0 0 1-1 1H5v-2h2a1 1 0 0 1 1 1zM8 19a1 1 0 0 1-1 1H5v-2h2a1 1 0 0 1 1 1z"
opacity=".1"
/>
<g fill="#1565c0">
<path
d="M7 7H4a1 1 0 0 1 0-2h3a1 1 0 0 1 0 2zM7 11H4a1 1 0 0 1 0-2h3a1 1 0 0 1 0 2zM7 15H4a1 1 0 0 1 0-2h3a1 1 0 0 1 0 2zM7 23H4a1 1 0 0 1 0-2h3a1 1 0 0 1 0 2zM7 27H4a1 1 0 0 1 0-2h3a1 1 0 0 1 0 2zM7 19H4a1 1 0 0 1 0-2h3a1 1 0 0 1 0 2z"
/>
</g>
<path
fill="#64b5f6"
d="M20 2v7a1 1 0 0 1-.47.85A1 1 0 0 1 19 10a1 1 0 0 1-.45-.11L17 9.12l-1.55.77A1 1 0 0 1 14 9V2z"
/>
<path
d="M20 8v1a1 1 0 0 1-.47.85A1 1 0 0 1 19 10a1 1 0 0 1-.45-.11L17 9.12l-1.55.77A1 1 0 0 1 14 9V8a1 1 0 0 0 1.45.89L17 8.12l1.55.77A1 1 0 0 0 19 9a1 1 0 0 0 .53-.15A1 1 0 0 0 20 8z"
opacity=".1"
/>
<rect width="13" height="7" x="14" y="12" opacity=".1" rx="1" />
<rect width="13" height="7" x="14" y="11" fill="#ffb74d" rx="1" />
<path
d="M16 18h-1a1 1 0 0 1-1-1v-5a1 1 0 0 1 1-1h1a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1z"
opacity=".1"
/>
<path
fill="#fff"
d="M27 12v5a1 1 0 0 1-1 1h-1a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1h1a1 1 0 0 1 1 1z"
opacity=".2"
/>
<path
d="M26 23H15a1 1 0 0 1 0-2h11a1 1 0 0 1 0 2zM20 26h-5a1 1 0 0 1 0-2h5a1 1 0 0 1 0 2zM26 29H15a1 1 0 0 1 0-2h11a1 1 0 0 1 0 2z"
opacity=".1"
/>
<circle cx="26" cy="25" r="1" opacity=".1" />
<circle cx="23" cy="25" r="1" opacity=".1" />
<path
fill="#fff"
d="M26 22H15a1 1 0 0 1 0-2h11a1 1 0 0 1 0 2zM20 25h-5a1 1 0 0 1 0-2h5a1 1 0 0 1 0 2zM26 28H15a1 1 0 0 1 0-2h11a1 1 0 0 1 0 2z"
/>
<circle cx="26" cy="24" r="1" fill="#fff" />
<circle cx="23" cy="24" r="1" fill="#fff" />
<path d="M11 2h2v28h-2z" opacity=".1" />
<path fill="#fff" d="M29 3v26h-1V2a1 1 0 0 1 1 1z" opacity=".2" />
<path fill="#fff" d="M10 2h2v28h-2z" />
</g>
</svg>
More icons in the same style and category