book open icon
book-open from Font Awesome 6 Solid by Dave Gandy · Regular · Education · CC-BY-4.0 Attribution required.
- Name
- book-open
- Set
- Font Awesome 6 Solid
- Style
- Regular
- Category
- Education
- Viewbox
- 576×512
- License
- CC BY 4.0
The same icon in other sets
book-openAkar Iconsbook-openBoxIcons v2book-openBoxIcons v2 Solidbook-open-fillEva Iconsbook-openFont Awesome Solidbook-openFeather Iconsbook-open-outlineFlowbite Iconsbook-open-16-filledFluent UI System Iconsbook-open-16Fluent UI System Color Iconsbook-openHeroIconsbook-openHumbleiconsbook-openIconParkbook-openIconPark Outlinebook-openIconPark Solidbook-openIconPark TwoTonebook-openLine Awesomebook-openLucidebook-openMajesticonsbook-openMaterial Design Iconsbook-openMyna UI Iconsbook-openPhosphorbook-openPixelarticonsbook-open-fillRemix Iconbook-openTDesign Icons
More education icons from Font Awesome 6 Solid
Use the book open icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M249.6 471.5c10.8 3.8 22.4-4.1 22.4-15.5V78.6c0-4.2-1.6-8.4-5-11C247.4 52 202.4 32 144 32C93.5 32 46.3 45.3 18.1 56.1C6.8 60.5 0 71.7 0 83.8v370.3c0 11.9 12.8 20.2 24.1 16.5C55.6 460.1 105.5 448 144 448c33.9 0 79 14 105.6 23.5m76.8 0C353 462 398.1 448 432 448c38.5 0 88.4 12.1 119.9 22.6c11.3 3.8 24.1-4.6 24.1-16.5V83.8c0-12.1-6.8-23.3-18.1-27.6C529.7 45.3 482.5 32 432 32c-58.4 0-103.4 20-123 35.6c-3.3 2.6-5 6.8-5 11V456c0 11.4 11.7 19.3 22.4 15.5"/></svg>
React
import type { SVGProps } from "react";
export function Fa6SolidBookOpen(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M249.6 471.5c10.8 3.8 22.4-4.1 22.4-15.5V78.6c0-4.2-1.6-8.4-5-11C247.4 52 202.4 32 144 32C93.5 32 46.3 45.3 18.1 56.1C6.8 60.5 0 71.7 0 83.8v370.3c0 11.9 12.8 20.2 24.1 16.5C55.6 460.1 105.5 448 144 448c33.9 0 79 14 105.6 23.5m76.8 0C353 462 398.1 448 432 448c38.5 0 88.4 12.1 119.9 22.6c11.3 3.8 24.1-4.6 24.1-16.5V83.8c0-12.1-6.8-23.3-18.1-27.6C529.7 45.3 482.5 32 432 32c-58.4 0-103.4 20-123 35.6c-3.3 2.6-5 6.8-5 11V456c0 11.4 11.7 19.3 22.4 15.5"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M249.6 471.5c10.8 3.8 22.4-4.1 22.4-15.5V78.6c0-4.2-1.6-8.4-5-11C247.4 52 202.4 32 144 32C93.5 32 46.3 45.3 18.1 56.1C6.8 60.5 0 71.7 0 83.8v370.3c0 11.9 12.8 20.2 24.1 16.5C55.6 460.1 105.5 448 144 448c33.9 0 79 14 105.6 23.5m76.8 0C353 462 398.1 448 432 448c38.5 0 88.4 12.1 119.9 22.6c11.3 3.8 24.1-4.6 24.1-16.5V83.8c0-12.1-6.8-23.3-18.1-27.6C529.7 45.3 482.5 32 432 32c-58.4 0-103.4 20-123 35.6c-3.3 2.6-5 6.8-5 11V456c0 11.4 11.7 19.3 22.4 15.5"/></svg> </template>
CSS
.icon-book-open {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20576%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M249.6%20471.5c10.8%203.8%2022.4-4.1%2022.4-15.5V78.6c0-4.2-1.6-8.4-5-11C247.4%2052%20202.4%2032%20144%2032C93.5%2032%2046.3%2045.3%2018.1%2056.1C6.8%2060.5%200%2071.7%200%2083.8v370.3c0%2011.9%2012.8%2020.2%2024.1%2016.5C55.6%20460.1%20105.5%20448%20144%20448c33.9%200%2079%2014%20105.6%2023.5m76.8%200C353%20462%20398.1%20448%20432%20448c38.5%200%2088.4%2012.1%20119.9%2022.6c11.3%203.8%2024.1-4.6%2024.1-16.5V83.8c0-12.1-6.8-23.3-18.1-27.6C529.7%2045.3%20482.5%2032%20432%2032c-58.4%200-103.4%2020-123%2035.6c-3.3%202.6-5%206.8-5%2011V456c0%2011.4%2011.7%2019.3%2022.4%2015.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20576%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M249.6%20471.5c10.8%203.8%2022.4-4.1%2022.4-15.5V78.6c0-4.2-1.6-8.4-5-11C247.4%2052%20202.4%2032%20144%2032C93.5%2032%2046.3%2045.3%2018.1%2056.1C6.8%2060.5%200%2071.7%200%2083.8v370.3c0%2011.9%2012.8%2020.2%2024.1%2016.5C55.6%20460.1%20105.5%20448%20144%20448c33.9%200%2079%2014%20105.6%2023.5m76.8%200C353%20462%20398.1%20448%20432%20448c38.5%200%2088.4%2012.1%20119.9%2022.6c11.3%203.8%2024.1-4.6%2024.1-16.5V83.8c0-12.1-6.8-23.3-18.1-27.6C529.7%2045.3%20482.5%2032%20432%2032c-58.4%200-103.4%2020-123%2035.6c-3.3%202.6-5%206.8-5%2011V456c0%2011.4%2011.7%2019.3%2022.4%2015.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-solid/book-open.svg?color=%231a73e8&size=48
