Add icons to this collection by clicking the heart icon.
Scrapbook icon - also known as education, diary, bookmark, notebook, agenda, scrapbook, planner, handcraft, and edit tools. Created in a clean blue style with a white and navy 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 64 64"
>
<path
fill="#e6f3ff"
d="M27 54.5H6a3 3 0 0 1-3-3v-39a3 3 0 0 1 3-3h21a5 5 0 0 1 5 5v35a5 5 0 0 1-5 5z"
/>
<path
fill="#21257c"
d="M27 55.5H6c-2.206 0-4-1.794-4-4v-39c0-2.206 1.794-4 4-4h21c3.309 0 6 2.691 6 6v35c0 3.309-2.691 6-6 6zm-21-45c-1.103 0-2 .897-2 2v39c0 1.103.897 2 2 2h21c2.206 0 4-1.794 4-4v-35c0-2.206-1.794-4-4-4z"
/>
<path
fill="#e6f3ff"
d="M37 54.5h21a3 3 0 0 0 3-3v-39a3 3 0 0 0-3-3H37a5 5 0 0 0-5 5v35a5 5 0 0 0 5 5z"
/>
<path
fill="#21257c"
d="M58 55.5H37c-3.309 0-6-2.691-6-6v-35c0-3.309 2.691-6 6-6h21c2.206 0 4 1.794 4 4v39c0 2.206-1.794 4-4 4zm-21-45c-2.206 0-4 1.794-4 4v35c0 2.206 1.794 4 4 4h21c1.103 0 2-.897 2-2v-39c0-1.103-.897-2-2-2z"
/>
<path
fill="#4aa5ff"
d="M35 20.5h-6c-2.636-.066-2.639-3.933 0-4h6c2.636.066 2.639 3.933 0 4z"
/>
<path
fill="#21257c"
d="M35 21.5h-6c-3.955-.103-3.956-5.897 0-6h6c3.954.103 3.957 5.897 0 6zm-6-4c-1.312.022-1.316 1.977 0 2h6c1.312-.022 1.316-1.977 0-2z"
/>
<path
fill="#4aa5ff"
d="M35 29.5h-6c-2.636-.066-2.639-3.933 0-4h6c2.636.066 2.639 3.933 0 4z"
/>
<path
fill="#21257c"
d="M35 30.5h-6c-3.955-.103-3.956-5.897 0-6h6c3.954.103 3.957 5.897 0 6zm-6-4c-1.312.022-1.316 1.977 0 2h6c1.312-.022 1.316-1.977 0-2z"
/>
<path
fill="#4aa5ff"
d="M35 38.5h-6c-2.636-.066-2.639-3.933 0-4h6c2.636.066 2.639 3.933 0 4z"
/>
<path
fill="#21257c"
d="M35 39.5h-6c-3.955-.103-3.956-5.897 0-6h6c3.954.103 3.957 5.897 0 6zm-6-4c-1.312.022-1.316 1.977 0 2h6c1.312-.022 1.316-1.977 0-2z"
/>
<path
fill="#4aa5ff"
d="M35 47.5h-6c-2.636-.066-2.639-3.933 0-4h6c2.636.066 2.639 3.933 0 4z"
/>
<path
fill="#21257c"
d="M35 48.5h-6c-3.955-.103-3.956-5.897 0-6h6c3.954.103 3.957 5.897 0 6zm-6-4c-1.312.022-1.316 1.977 0 2h6c1.312-.022 1.316-1.977 0-2z"
/>
<rect width="12" height="12" x="45" y="16.5" fill="#4aa5ff" rx="2" />
<path
fill="#21257c"
d="M55 29.5h-8c-1.654 0-3-1.346-3-3v-8c0-1.654 1.346-3 3-3h8c1.654 0 3 1.346 3 3v8c0 1.654-1.346 3-3 3zm-8-12a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-8a1 1 0 0 0-1-1z"
/>
<rect width="12" height="12" x="41" y="20.5" fill="#4aa5ff" rx="2" />
<g fill="#21257c">
<path
d="M51 33.5h-8c-1.654 0-3-1.346-3-3v-8c0-1.654 1.346-3 3-3h8c1.654 0 3 1.346 3 3v8c0 1.654-1.346 3-3 3zm-8-12a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-8a1 1 0 0 0-1-1zM53 37.5H43c-1.312-.021-1.316-1.978 0-2h10c1.312.02 1.317 1.978 0 2zM53 42.5h-6c-1.313-.021-1.316-1.978 0-2h6c1.313.021 1.316 1.978 0 2zM53 47.5H43c-1.312-.021-1.316-1.978 0-2h10c1.312.02 1.317 1.978 0 2z"
/>
</g>
<rect width="12" height="12" x="6.998" y="35.5" fill="#4aa5ff" rx="2" />
<path
fill="#21257c"
d="M16.998 48.5h-8c-1.654 0-3-1.346-3-3v-8c0-1.654 1.346-3 3-3h8c1.654 0 3 1.346 3 3v8c0 1.654-1.346 3-3 3zm-8-12a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-8a1 1 0 0 0-1-1z"
/>
<rect width="12" height="12" x="10.998" y="31.5" fill="#4aa5ff" rx="2" />
<path
fill="#21257c"
d="M20.998 44.5h-8c-1.654 0-3-1.346-3-3v-8c0-1.654 1.346-3 3-3h8c1.654 0 3 1.346 3 3v8c0 1.654-1.346 3-3 3zm-8-12a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-8a1 1 0 0 0-1-1zM20.998 28.5h-10c-1.312-.021-1.316-1.978 0-2h10c1.312.02 1.317 1.978 0 2zM16.998 23.5h-6c-1.313-.021-1.316-1.978 0-2h6c1.313.021 1.316 1.978 0 2zM20.998 18.5h-10c-1.312-.021-1.316-1.978 0-2h10c1.312.02 1.317 1.978 0 2z"
/>
</svg>
More icons in the same style and category