Add icons to this collection by clicking the heart icon.
Book icon - also known as education, reading, study, book, bookmark, pencil, and learning. Created in a clean lineal color style with a white, silver, gray, black, yellow, teal, orange, 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-315.439c-17.365 0-31.442-14.077-31.442-31.441V-427.75c0-15.353 12.446-27.798 27.799-27.798H3.636c15.356 0 27.805 12.449 27.805 27.805v396.302C31.441-14.077 17.364 0 0 0"
transform="translate(413.72 504.5)"
fill="#c1e2ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-65.132C-47.767 0-33.69-14.077-33.69-31.441v-396.302c0-15.357-12.449-27.805-27.806-27.805H3.636c15.356 0 27.805 12.448 27.805 27.805v396.302C31.441-14.077 17.364 0 0 0"
transform="translate(413.72 504.5)"
fill="#89c6fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-220.238c-6.206 0-11.237 5.031-11.237 11.236v65.208c0 6.206 5.031 11.236 11.237 11.236H0c6.206 0 11.236-5.03 11.236-11.236V11.236C11.236 5.031 6.206 0 0 0"
transform="translate(395.732 298.482)"
fill="#f5f5f5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-43.509v-87.681H0c6.205 0 11.236 5.031 11.236 11.237v65.208C11.236-5.031 6.205 0 0 0"
transform="translate(395.732 386.163)"
fill="#dfdfdf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-17.364 0-31.441-14.077-31.441-31.441V-427.75c0-15.353 12.446-27.798 27.798-27.798h31.428V0Z"
transform="translate(98.28 504.5)"
fill="#62b4fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h350.523v-27.791c0-15.356-12.449-27.806-27.805-27.806H0c-15.353 0-27.799 12.446-27.799 27.799C-27.799-12.446-15.353 0 0 0"
transform="translate(94.638 104.548)"
fill="#fffae3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v27.791h-65.132V0c0-15.357-12.448-27.806-27.806-27.806h65.132C-12.449-27.806 0-15.357 0 0"
transform="translate(445.161 76.757)"
fill="#fdf3ac"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 18.975 8.375a5.614 5.614 0 0 0 4.536 0L42.485 0c3.713-1.639 7.885 1.081 7.885 5.139V61.86a5.555 5.555 0 0 1-5.555 5.556H-2.33a5.557 5.557 0 0 1-5.556-5.556V5.139C-7.886 1.081-3.713-1.639 0 0"
transform="translate(133.951 7.984)"
fill="#fba615"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h57.495"
transform="translate(196.505 342.323)"
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-20.787-46.849c-1.966-4.43-8.253-4.43-10.219 0L-51.793 0a60.76 60.76 0 0 0-5.222 24.64v342.961c0 17.186 13.932 31.118 31.119 31.118 17.185 0 31.117-13.932 31.117-31.118V24.64A60.759 60.759 0 0 0 0 0"
transform="translate(347.003 57.671)"
fill="#fb636f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a60.73 60.73 0 0 1 5.222-24.64l20.787-46.849c1.966-4.429 8.253-4.429 10.218 0L57.015-24.64A60.761 60.761 0 0 1 62.235 0z"
transform="translate(289.988 82.311)"
fill="#df9874"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-17.187 0-31.118-13.932-31.118-31.118v-26.966h62.235v26.966C31.117-13.932 17.186 0 0 0"
transform="translate(321.106 456.39)"
fill="#3590bb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M289.988 369.965h62.235v33.989h-62.235z"
fill="#fcee56"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-287.654"
transform="translate(321.106 369.965)"
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-195.351c-15.352 0-27.798-12.446-27.798-27.798"
transform="translate(289.988 104.548)"
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-92.938"
transform="translate(445.161 104.548)"
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 0h114.757"
transform="translate(184.321 48.952)"
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 0v28.182c0 17.364-14.077 31.441-31.441 31.441h-315.44c-17.364 0-31.441-14.077-31.441-31.441V-368.127c0-15.352 12.446-27.798 27.799-27.798h31.427"
transform="translate(445.161 444.877)"
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 0h74.222c15.356 0 27.805 12.449 27.805 27.806v333.06"
transform="translate(343.134 48.952)"
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 18.975 8.375a5.614 5.614 0 0 0 4.536 0L42.485 0c3.713-1.639 7.885 1.081 7.885 5.139V61.86a5.555 5.555 0 0 1-5.555 5.556H-2.33a5.557 5.557 0 0 1-5.556-5.556V5.139C-7.886 1.081-3.713-1.639 0 0Z"
transform="translate(133.951 7.984)"
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 0v317.8"
transform="translate(126.065 186.7)"
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 0v47.09"
transform="translate(126.065 104.548)"
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-20.787-46.849c-1.966-4.43-8.253-4.43-10.219 0L-51.793 0a60.76 60.76 0 0 0-5.222 24.64v342.961c0 17.186 13.932 31.118 31.119 31.118 17.185 0 31.117-13.932 31.117-31.118V24.64A60.759 60.759 0 0 0 0 0Z"
transform="translate(347.003 57.671)"
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-62.235"
transform="translate(352.224 82.311)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M289.988 369.965h62.235v33.989h-62.235z"
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-114.494c-6.206 0-11.236-5.03-11.236-11.236v-65.208c0-6.205 5.03-11.236 11.236-11.236H0"
transform="translate(289.988 386.163)"
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 0h43.509c6.205 0 11.236 5.031 11.236 11.236v65.208c0 6.206-5.031 11.236-11.236 11.236H0"
transform="translate(352.224 298.482)"
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