Add icons to this collection by clicking the heart icon.
Diary icon - also known as education, book, diary, write, pen, and journal. Created in a clean blue style with a white 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 60 60"
>
<g fill="none" fill-rule="nonzero">
<path
fill="#e8edfc"
d="M31 18.12c0 3.68-3.35 6.17-8.31 10.62-.393.35-.987.35-1.38 0C16.35 24.29 13 21.8 13 18.12c0-2.78 1.84-5.12 4.5-5.12a5.305 5.305 0 0 1 4.5 2.94A5.305 5.305 0 0 1 26.5 13c2.66 0 4.5 2.34 4.5 5.12z"
/>
<path
fill="#cad9fc"
d="M26.5 13a4.583 4.583 0 0 0-1.571.271A5 5 0 0 1 28 18.12c0 3.475-2.99 5.892-7.5 9.9l.81.722c.393.35.987.35 1.38 0C27.65 24.29 31 21.8 31 18.12c0-2.78-1.84-5.12-4.5-5.12zM31 54v4H3a2 2 0 1 1 0-4zM40 54v3a1 1 0 0 1-1 1h-4v-4z"
/>
<path fill="#e8edfc" d="M41 3v50a1 1 0 0 1-1 1h-5V2h5a1 1 0 0 1 1 1z" />
<path
fill="#cad9fc"
d="M40 2h-3a1 1 0 0 1 1 1v50a1 1 0 0 1-1 1h3a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1z"
/>
<path
fill="#e8edfc"
d="M31 2v16.12c0-2.78-1.84-5.12-4.5-5.12a5.305 5.305 0 0 0-4.5 2.94A5.305 5.305 0 0 0 17.5 13c-2.66 0-4.5 2.34-4.5 5.12 0 3.68 3.35 6.17 8.31 10.62.393.35.987.35 1.38 0C27.65 24.29 31 21.8 31 18.12V54H3a2.026 2.026 0 0 0-2 2V4a2.006 2.006 0 0 1 2-2z"
/>
<rect width="4" height="58" x="31" y="1" fill="#e8edfc" rx="1" />
<path fill="#e8edfc" d="M54 4v2h-6V4a3 3 0 0 1 6 0z" />
<rect width="8" height="4" x="47" y="6" fill="#e8edfc" rx="1" />
<rect width="8" height="4" x="47" y="38" fill="#cad9fc" rx="1" />
<rect width="8" height="4" x="47" y="42" fill="#cad9fc" rx="1" />
<path fill="#cad9fc" d="M48 10h6v28h-6z" />
<path fill="#e8edfc" d="M54 46v2c0 2.21-1.34 4-3 4s-3-1.79-3-4v-2z" />
<path
fill="#fff"
d="M3 58h3a2.006 2.006 0 0 1-2-2V4a2.006 2.006 0 0 1 2-2H3a2.006 2.006 0 0 0-2 2v52a2.006 2.006 0 0 0 2 2zM34.5 1.154A.969.969 0 0 0 34 1h-2a1 1 0 0 0-1 1h3a.989.989 0 0 1 .5-.846zM32 59h2a.969.969 0 0 0 .5-.154A.989.989 0 0 1 34 58h-3a1 1 0 0 0 1 1z"
/>
<path fill="#fff" d="M0 4h2v8H0z" />
<g fill="#428dff">
<path
d="M3 59h27.278c.354.617 1.01.998 1.722 1h2a1.993 1.993 0 0 0 1.722-1H39a2 2 0 0 0 2-2v-2.278A1.993 1.993 0 0 0 42 53V3a2 2 0 0 0-2-2h-4.278A1.993 1.993 0 0 0 34 0h-2a1.993 1.993 0 0 0-1.722 1H3a3 3 0 0 0-3 3 1 1 0 1 0 2 0 1 1 0 0 1 1-1h27v10.331A5.188 5.188 0 0 0 26.5 12c-1.75.012-3.4.808-4.5 2.169A5.839 5.839 0 0 0 17.5 12c-3.136 0-5.5 2.632-5.5 6.123 0 3.7 2.785 6.168 7 9.9l1.644 1.463c.77.692 1.938.692 2.708 0 .571-.512 1.12-1 1.644-1.463a44.128 44.128 0 0 0 5-4.864V36H13a1 1 0 0 0 0 2h17v15H3c-.342.004-.68.069-1 .191V12a1 1 0 0 0-2 0v44a3 3 0 0 0 3 3zm36-2h-3v-2h3zm1-4h-4V3h4zM23.673 26.525c-.528.468-1.081.956-1.692 1.472-.573-.516-1.126-1-1.654-1.472-3.945-3.493-6.327-5.6-6.327-8.4C14 15.772 15.505 14 17.5 14c1.54.083 2.917.99 3.6 2.374a1 1 0 0 0 .9.568c.385-.004.735-.223.907-.567A4.271 4.271 0 0 1 26.5 14c2 0 3.5 1.772 3.5 4.123 0 2.801-2.382 4.909-6.327 8.402zM32 18.107V2h2v56h-2v-4zM3 55h27v2H3a1 1 0 0 1-1-1 1.026 1.026 0 0 1 1-1z"
/>
<circle cx="1" cy="8" r="1" />
<path
d="M6 50V6a1 1 0 1 0-2 0v44a1 1 0 0 0 2 0zM26 43a1 1 0 0 0 0-2h-8a1 1 0 0 0 0 2zM59 5a1 1 0 0 0-1 1v1h-2a1.993 1.993 0 0 0-1-1.722V4a4 4 0 1 0-8 0v1.278A1.993 1.993 0 0 0 46 7v2a1.993 1.993 0 0 0 1 1.722v26.556A1.993 1.993 0 0 0 46 39v2c.002.352.098.697.278 1-.18.303-.276.648-.278 1v2a1.993 1.993 0 0 0 1 1.722V48a4.921 4.921 0 0 0 3 4.823V55a1 1 0 0 0 2 0v-2.177A4.921 4.921 0 0 0 55 48v-1.278A1.993 1.993 0 0 0 56 45v-2a1.978 1.978 0 0 0-.278-1c.18-.303.276-.648.278-1v-2a1.993 1.993 0 0 0-1-1.722V10.722A1.993 1.993 0 0 0 56 9h2v7a1 1 0 0 0 2 0V6a1 1 0 0 0-1-1zm-5 36h-6v-2h6zm0 4h-6v-2h6zm-1-8h-4V11h4zM48 9V7h6v2zm3-7a2 2 0 0 1 2 2v1h-4V4a2 2 0 0 1 2-2zm0 49c-1.084 0-2-1.374-2-3v-1h4v1c0 1.626-.916 3-2 3z"
/>
</g>
</g>
</svg>
More icons in the same style and category