book icon
book from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- book
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
2 other variants in IonIcons
The same icon in other sets
bookAkar Iconsbook-filledAnt Design IconsbookBootstrap IconsbookBoxIcons v2bookBoxIcons v2 SolidbookCarbonbookCodiconsbook-fillEva IconsbookFramework7 IconsbookFont Awesome 6 SolidbookFont Awesome SolidbookFeather Iconsbook-outlineFlowbite Iconsbook-16-filledFluent UI System Iconsbook-16Fluent UI System Color IconsbookHealth IconsbookHumbleiconsbookIconParkbookIconPark OutlinebookIconPark SolidbookIconPark TwoTonebookIconoirbookJam IconsbookLine Awesome
Use the book icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M202.24 74C166.11 56.75 115.61 48.3 48 48a31.36 31.36 0 0 0-17.92 5.33A32 32 0 0 0 16 79.9V366c0 19.34 13.76 33.93 32 33.93c71.07 0 142.36 6.64 185.06 47a4.11 4.11 0 0 0 6.94-3V106.82a15.9 15.9 0 0 0-5.46-12A143 143 0 0 0 202.24 74m279.68-20.7A31.33 31.33 0 0 0 464 48c-67.61.3-118.11 8.71-154.24 26a143.3 143.3 0 0 0-32.31 20.78a15.93 15.93 0 0 0-5.45 12v337.13a3.93 3.93 0 0 0 6.68 2.81c25.67-25.5 70.72-46.82 185.36-46.81a32 32 0 0 0 32-32v-288a32 32 0 0 0-14.12-26.61"/></svg>
React
import type { SVGProps } from "react";
export function IonBook(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M202.24 74C166.11 56.75 115.61 48.3 48 48a31.36 31.36 0 0 0-17.92 5.33A32 32 0 0 0 16 79.9V366c0 19.34 13.76 33.93 32 33.93c71.07 0 142.36 6.64 185.06 47a4.11 4.11 0 0 0 6.94-3V106.82a15.9 15.9 0 0 0-5.46-12A143 143 0 0 0 202.24 74m279.68-20.7A31.33 31.33 0 0 0 464 48c-67.61.3-118.11 8.71-154.24 26a143.3 143.3 0 0 0-32.31 20.78a15.93 15.93 0 0 0-5.45 12v337.13a3.93 3.93 0 0 0 6.68 2.81c25.67-25.5 70.72-46.82 185.36-46.81a32 32 0 0 0 32-32v-288a32 32 0 0 0-14.12-26.61"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M202.24 74C166.11 56.75 115.61 48.3 48 48a31.36 31.36 0 0 0-17.92 5.33A32 32 0 0 0 16 79.9V366c0 19.34 13.76 33.93 32 33.93c71.07 0 142.36 6.64 185.06 47a4.11 4.11 0 0 0 6.94-3V106.82a15.9 15.9 0 0 0-5.46-12A143 143 0 0 0 202.24 74m279.68-20.7A31.33 31.33 0 0 0 464 48c-67.61.3-118.11 8.71-154.24 26a143.3 143.3 0 0 0-32.31 20.78a15.93 15.93 0 0 0-5.45 12v337.13a3.93 3.93 0 0 0 6.68 2.81c25.67-25.5 70.72-46.82 185.36-46.81a32 32 0 0 0 32-32v-288a32 32 0 0 0-14.12-26.61"/></svg> </template>
CSS
.icon-book {
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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M202.24%2074C166.11%2056.75%20115.61%2048.3%2048%2048a31.36%2031.36%200%200%200-17.92%205.33A32%2032%200%200%200%2016%2079.9V366c0%2019.34%2013.76%2033.93%2032%2033.93c71.07%200%20142.36%206.64%20185.06%2047a4.11%204.11%200%200%200%206.94-3V106.82a15.9%2015.9%200%200%200-5.46-12A143%20143%200%200%200%20202.24%2074m279.68-20.7A31.33%2031.33%200%200%200%20464%2048c-67.61.3-118.11%208.71-154.24%2026a143.3%20143.3%200%200%200-32.31%2020.78a15.93%2015.93%200%200%200-5.45%2012v337.13a3.93%203.93%200%200%200%206.68%202.81c25.67-25.5%2070.72-46.82%20185.36-46.81a32%2032%200%200%200%2032-32v-288a32%2032%200%200%200-14.12-26.61%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M202.24%2074C166.11%2056.75%20115.61%2048.3%2048%2048a31.36%2031.36%200%200%200-17.92%205.33A32%2032%200%200%200%2016%2079.9V366c0%2019.34%2013.76%2033.93%2032%2033.93c71.07%200%20142.36%206.64%20185.06%2047a4.11%204.11%200%200%200%206.94-3V106.82a15.9%2015.9%200%200%200-5.46-12A143%20143%200%200%200%20202.24%2074m279.68-20.7A31.33%2031.33%200%200%200%20464%2048c-67.61.3-118.11%208.71-154.24%2026a143.3%20143.3%200%200%200-32.31%2020.78a15.93%2015.93%200%200%200-5.45%2012v337.13a3.93%203.93%200%200%200%206.68%202.81c25.67-25.5%2070.72-46.82%20185.36-46.81a32%2032%200%200%200%2032-32v-288a32%2032%200%200%200-14.12-26.61%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/book.svg?color=%231a73e8&size=48
