book reader icon
book-reader from Font Awesome Solid by Dave Gandy · Solid · Education · CC-BY-4.0 Attribution required.
- Name
- book-reader
- Set
- Font Awesome Solid
- Style
- Solid
- Category
- Education
- Viewbox
- 640×640
- License
- CC BY 4.0
The same icon in other sets
More education icons from Font Awesome Solid
Use the book reader icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320 216c48.6 0 88-39.4 88-88s-39.4-88-88-88s-88 39.4-88 88s39.4 88 88 88m0 298.7V365.4c16.3-6.8 32.9-13.7 49.7-20.7c39-16.2 80.8-24.6 123.1-24.6H512v160h-19.2c-59.1 0-117.7 11.7-172.3 34.5l-.5.2zm0-218.7l-25.1-10.5c-46.8-19.5-97-29.5-147.7-29.5H112c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h35.2c50.7 0 100.9 10 147.7 29.5l12.8 5.3c7.9 3.3 16.7 3.3 24.6 0l12.8-5.3c46.8-19.5 97-29.5 147.7-29.5H528c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48h-35.2c-50.7 0-100.9 10-147.7 29.5z"/></svg>
React
import type { SVGProps } from "react";
export function Fa7SolidBookReader(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320 216c48.6 0 88-39.4 88-88s-39.4-88-88-88s-88 39.4-88 88s39.4 88 88 88m0 298.7V365.4c16.3-6.8 32.9-13.7 49.7-20.7c39-16.2 80.8-24.6 123.1-24.6H512v160h-19.2c-59.1 0-117.7 11.7-172.3 34.5l-.5.2zm0-218.7l-25.1-10.5c-46.8-19.5-97-29.5-147.7-29.5H112c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h35.2c50.7 0 100.9 10 147.7 29.5l12.8 5.3c7.9 3.3 16.7 3.3 24.6 0l12.8-5.3c46.8-19.5 97-29.5 147.7-29.5H528c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48h-35.2c-50.7 0-100.9 10-147.7 29.5z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320 216c48.6 0 88-39.4 88-88s-39.4-88-88-88s-88 39.4-88 88s39.4 88 88 88m0 298.7V365.4c16.3-6.8 32.9-13.7 49.7-20.7c39-16.2 80.8-24.6 123.1-24.6H512v160h-19.2c-59.1 0-117.7 11.7-172.3 34.5l-.5.2zm0-218.7l-25.1-10.5c-46.8-19.5-97-29.5-147.7-29.5H112c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h35.2c50.7 0 100.9 10 147.7 29.5l12.8 5.3c7.9 3.3 16.7 3.3 24.6 0l12.8-5.3c46.8-19.5 97-29.5 147.7-29.5H528c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48h-35.2c-50.7 0-100.9 10-147.7 29.5z"/></svg> </template>
CSS
.icon-book-reader {
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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M320%20216c48.6%200%2088-39.4%2088-88s-39.4-88-88-88s-88%2039.4-88%2088s39.4%2088%2088%2088m0%20298.7V365.4c16.3-6.8%2032.9-13.7%2049.7-20.7c39-16.2%2080.8-24.6%20123.1-24.6H512v160h-19.2c-59.1%200-117.7%2011.7-172.3%2034.5l-.5.2zm0-218.7l-25.1-10.5c-46.8-19.5-97-29.5-147.7-29.5H112c-26.5%200-48%2021.5-48%2048v192c0%2026.5%2021.5%2048%2048%2048h35.2c50.7%200%20100.9%2010%20147.7%2029.5l12.8%205.3c7.9%203.3%2016.7%203.3%2024.6%200l12.8-5.3c46.8-19.5%2097-29.5%20147.7-29.5H528c26.5%200%2048-21.5%2048-48V304c0-26.5-21.5-48-48-48h-35.2c-50.7%200-100.9%2010-147.7%2029.5z%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M320%20216c48.6%200%2088-39.4%2088-88s-39.4-88-88-88s-88%2039.4-88%2088s39.4%2088%2088%2088m0%20298.7V365.4c16.3-6.8%2032.9-13.7%2049.7-20.7c39-16.2%2080.8-24.6%20123.1-24.6H512v160h-19.2c-59.1%200-117.7%2011.7-172.3%2034.5l-.5.2zm0-218.7l-25.1-10.5c-46.8-19.5-97-29.5-147.7-29.5H112c-26.5%200-48%2021.5-48%2048v192c0%2026.5%2021.5%2048%2048%2048h35.2c50.7%200%20100.9%2010%20147.7%2029.5l12.8%205.3c7.9%203.3%2016.7%203.3%2024.6%200l12.8-5.3c46.8-19.5%2097-29.5%20147.7-29.5H528c26.5%200%2048-21.5%2048-48V304c0-26.5-21.5-48-48-48h-35.2c-50.7%200-100.9%2010-147.7%2029.5z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/book-reader.svg?color=%231a73e8&size=48
