Add icons to this collection by clicking the heart icon.
Scrapbook icon - also known as art, education, book, craft, scrapbook, and art and design. Created in a clean lineal color style with a white, silver, black, and pink 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-370.437c-11.883 0-21.517 9.634-21.517 21.517v453.966c0 11.883 9.634 21.517 21.517 21.517H0c11.884 0 21.517-9.634 21.517-21.517V21.517C21.517 9.634 11.884 0 0 0"
transform="translate(452.484 7.5)"
fill="#feaee1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-8.483v-445.483C-8.483-457.366-18.116-467-30-467h-361.954v-8.483c0-11.883 9.634-21.517 21.517-21.517H0c11.884 0 21.517 9.634 21.517 21.517v453.966C21.517-9.633 11.884 0 0 0"
transform="translate(452.484 504.5)"
fill="#fe93d3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-52.565c-12.288 0-22.249 9.961-22.249 22.25 0 12.288 9.961 22.249 22.249 22.249H0c12.288 0 22.25-9.961 22.25-22.249C22.25 9.961 12.288 0 0 0"
transform="translate(86.813 414.268)"
fill="#cdbfba"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-52.565c-12.288 0-22.249 9.961-22.249 22.25 0 12.288 9.961 22.249 22.249 22.249H0c12.288 0 22.25-9.961 22.25-22.249C22.25 9.961 12.288 0 0 0"
transform="translate(86.813 324.108)"
fill="#efe2dd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-52.565c-12.288 0-22.249 9.961-22.249 22.25 0 12.288 9.961 22.249 22.249 22.249H0c12.288 0 22.25-9.961 22.25-22.249C22.25 9.961 12.288 0 0 0"
transform="translate(86.813 233.949)"
fill="#efe2dd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-52.565c-12.288 0-22.249 9.961-22.249 22.25 0 12.288 9.961 22.249 22.249 22.249H0c12.288 0 22.25-9.961 22.25-22.249C22.25 9.961 12.288 0 0 0"
transform="translate(86.813 143.79)"
fill="#efe2dd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-52.565c-12.288 0-22.249 9.961-22.249 22.25 0 12.288 9.961 22.249 22.249 22.249H0c12.288 0 22.25-9.961 22.25-22.249C22.25 9.961 12.288 0 0 0"
transform="translate(86.813 53.63)"
fill="#efe2dd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-204.592c-6.287 0-11.383 5.097-11.383 11.383v96.455c0 6.287 5.096 11.383 11.383 11.383H0c6.287 0 11.383-5.096 11.383-11.383V11.383C11.383 5.097 6.287 0 0 0"
transform="translate(388.562 295.047)"
fill="#faf7f7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-18.617v-87.837c0-6.288-5.096-11.384-11.383-11.384h-185.975v-8.616c0-6.288 5.096-11.384 11.383-11.384H0c6.287 0 11.383 5.096 11.383 11.384v96.454C11.383-5.096 6.287 0 0 0"
transform="translate(388.562 414.268)"
fill="#f3eae6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-36.722-36.721a7.195 7.195 0 0 0-10.177 0l-14.518 14.518a7.196 7.196 0 0 0 0 10.178l36.721 36.721a7.198 7.198 0 0 0 10.178 0L0 10.178A7.198 7.198 0 0 0 0 0"
transform="translate(203.296 417.562)"
fill="#99e6fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-36.721-36.721a7.196 7.196 0 0 0-10.178 0l-14.518 14.518a7.196 7.196 0 0 0 0 10.178l36.721 36.721a7.198 7.198 0 0 0 10.178 0L0 10.178A7.196 7.196 0 0 0 0 0"
transform="translate(428.654 309.044)"
fill="#99e6fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-32.541-26.379-58.919-58.919-58.919-32.54 0-58.919 26.378-58.919 58.919 0 32.54 26.379 58.919 58.919 58.919C-26.379 58.919 0 32.54 0 0"
transform="translate(415.218 129.37)"
fill="#ffe177"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-15.973-12.949-28.922-28.922-28.922S-57.844-15.973-57.844 0s12.949 28.921 28.922 28.921S0 15.973 0 0"
transform="translate(385.22 129.37)"
fill="#faf7f7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v41.234"
transform="translate(60.53 370.315)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v39.423"
transform="translate(60.53 280.892)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v41.725"
transform="translate(60.53 189.167)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v38.271"
transform="translate(60.53 100.895)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-273.173c-11.884 0-21.517 9.634-21.517 21.517v21.878"
transform="translate(355.22 7.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h255.898c11.884 0 21.518-9.634 21.518-21.517v-453.966c0-11.883-9.634-21.517-21.518-21.517h-67.263"
transform="translate(196.586 504.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v21.434c0 11.883 9.634 21.517 21.517 21.517h84.538"
transform="translate(60.53 461.549)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-52.565c-12.288 0-22.249 9.961-22.249 22.25 0 12.288 9.961 22.249 22.249 22.249H0c12.288 0 22.25-9.961 22.25-22.249C22.25 9.961 12.288 0 0 0"
transform="translate(86.813 414.268)"
fill="#efe2dd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-52.565c-12.288 0-22.249 9.961-22.249 22.25 0 12.288 9.961 22.249 22.249 22.249H0c12.288 0 22.25-9.961 22.25-22.249C22.25 9.961 12.288 0 0 0Z"
transform="translate(86.813 414.268)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-52.565c-12.288 0-22.249 9.961-22.249 22.25 0 12.288 9.961 22.249 22.249 22.249H0c12.288 0 22.25-9.961 22.25-22.249C22.25 9.961 12.288 0 0 0Z"
transform="translate(86.813 324.108)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-52.565c-12.288 0-22.249 9.961-22.249 22.25 0 12.288 9.961 22.249 22.249 22.249H0c12.288 0 22.25-9.961 22.25-22.249C22.25 9.961 12.288 0 0 0Z"
transform="translate(86.813 233.949)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-52.565c-12.288 0-22.249 9.961-22.249 22.25 0 12.288 9.961 22.249 22.249 22.249H0c12.288 0 22.25-9.961 22.25-22.249C22.25 9.961 12.288 0 0 0Z"
transform="translate(86.813 143.79)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-52.565c-12.288 0-22.249 9.961-22.249 22.25 0 12.288 9.961 22.249 22.249 22.249H0c12.288 0 22.25-9.961 22.25-22.249C22.25 9.961 12.288 0 0 0Z"
transform="translate(86.813 53.63)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-181.876c-6.287 0-11.383 5.097-11.383 11.383v76.825"
transform="translate(365.846 295.047)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h184.049c6.286 0 11.383-5.096 11.383-11.383V-82.44"
transform="translate(204.513 414.268)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h140.066"
transform="translate(216.233 374.468)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h140.066"
transform="translate(216.233 334.848)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-36.722-36.721a7.195 7.195 0 0 0-10.177 0l-14.518 14.518a7.196 7.196 0 0 0 0 10.178l36.721 36.721a7.198 7.198 0 0 0 10.178 0L0 10.178A7.198 7.198 0 0 0 0 0Z"
transform="translate(203.296 417.562)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-36.721-36.721a7.196 7.196 0 0 0-10.178 0l-14.518 14.518a7.196 7.196 0 0 0 0 10.178l36.721 36.721a7.198 7.198 0 0 0 10.178 0L0 10.178A7.196 7.196 0 0 0 0 0Z"
transform="translate(428.654 309.044)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h125.978"
transform="translate(178.726 243.396)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h78.961"
transform="translate(178.726 205.052)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h78.961"
transform="translate(178.726 166.708)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h78.961"
transform="translate(178.726 128.364)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h78.961"
transform="translate(178.726 90.02)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-32.541-26.379-58.919-58.919-58.919-32.54 0-58.919 26.378-58.919 58.919 0 32.54 26.379 58.919 58.919 58.919C-26.379 58.919 0 32.54 0 0Z"
transform="translate(415.218 129.37)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-15.973-12.949-28.922-28.922-28.922S-57.844-15.973-57.844 0s12.949 28.921 28.922 28.921S0 15.973 0 0Z"
transform="translate(385.22 129.37)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category