ios book icon
ios-book-outline from IonIcons by Ben Sperry · Outline · MIT Free for personal and commercial use.
- Name
- ios-book-outline
- Set
- IonIcons
- Style
- Outline
- Viewbox
- 512×512
- License
- MIT
1 other variant in IonIcons
Related icons in IonIcons
ios-addios-add-circleios-airplaneios-alarmios-albumsios-alertios-american-footballios-americanfootballios-analyticsios-apertureios-appsios-appstoreios-archiveios-arrow-backios-arrow-downios-arrow-dropdownios-arrow-dropdown-circleios-arrow-dropleftios-arrow-dropleft-circleios-arrow-droprightios-arrow-dropright-circleios-arrow-dropupios-arrow-dropup-circleios-arrow-forward
Use the ios book icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M347.621 64c-40.941 0-79.121 14-91.578 44.495C242.5 78 205.408 64 164.466 64 109.265 64 64 89.98 64 143v283h22.14c12.86-26.334 44.238-42 78.325-42 40.224 0 73.877 27.528 81.617 64h19.714c7.739-36.472 41.495-64 81.722-64 34.085 0 61.149 11.666 78.429 42H448V143c0-53.02-45.177-79-100.379-79zM248 410.926C230 385.055 199.27 368 164.5 368c-34.769 0-64.5 10.055-83.5 35.926l-1 .537V141c3-41.825 40.089-61 84.293-61 45.162 0 82.145 18.708 83.363 61.808-.017.729.016 1.459.016 2.192l.328 13.103v253.823zM432 148v255.926C414 378.055 382.269 368 347.5 368c-34.77 0-65.5 17.055-83.5 42.926V144c0-44.112 37.659-64 83.587-64C391.79 80 429 91.175 432 133v15z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonIosBookOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M347.621 64c-40.941 0-79.121 14-91.578 44.495C242.5 78 205.408 64 164.466 64 109.265 64 64 89.98 64 143v283h22.14c12.86-26.334 44.238-42 78.325-42 40.224 0 73.877 27.528 81.617 64h19.714c7.739-36.472 41.495-64 81.722-64 34.085 0 61.149 11.666 78.429 42H448V143c0-53.02-45.177-79-100.379-79zM248 410.926C230 385.055 199.27 368 164.5 368c-34.769 0-64.5 10.055-83.5 35.926l-1 .537V141c3-41.825 40.089-61 84.293-61 45.162 0 82.145 18.708 83.363 61.808-.017.729.016 1.459.016 2.192l.328 13.103v253.823zM432 148v255.926C414 378.055 382.269 368 347.5 368c-34.77 0-65.5 17.055-83.5 42.926V144c0-44.112 37.659-64 83.587-64C391.79 80 429 91.175 432 133v15z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M347.621 64c-40.941 0-79.121 14-91.578 44.495C242.5 78 205.408 64 164.466 64 109.265 64 64 89.98 64 143v283h22.14c12.86-26.334 44.238-42 78.325-42 40.224 0 73.877 27.528 81.617 64h19.714c7.739-36.472 41.495-64 81.722-64 34.085 0 61.149 11.666 78.429 42H448V143c0-53.02-45.177-79-100.379-79zM248 410.926C230 385.055 199.27 368 164.5 368c-34.769 0-64.5 10.055-83.5 35.926l-1 .537V141c3-41.825 40.089-61 84.293-61 45.162 0 82.145 18.708 83.363 61.808-.017.729.016 1.459.016 2.192l.328 13.103v253.823zM432 148v255.926C414 378.055 382.269 368 347.5 368c-34.77 0-65.5 17.055-83.5 42.926V144c0-44.112 37.659-64 83.587-64C391.79 80 429 91.175 432 133v15z" fill="currentColor"/></svg> </template>
CSS
.icon-ios-book-outline {
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%20d%3D%22M347.621%2064c-40.941%200-79.121%2014-91.578%2044.495C242.5%2078%20205.408%2064%20164.466%2064%20109.265%2064%2064%2089.98%2064%20143v283h22.14c12.86-26.334%2044.238-42%2078.325-42%2040.224%200%2073.877%2027.528%2081.617%2064h19.714c7.739-36.472%2041.495-64%2081.722-64%2034.085%200%2061.149%2011.666%2078.429%2042H448V143c0-53.02-45.177-79-100.379-79zM248%20410.926C230%20385.055%20199.27%20368%20164.5%20368c-34.769%200-64.5%2010.055-83.5%2035.926l-1%20.537V141c3-41.825%2040.089-61%2084.293-61%2045.162%200%2082.145%2018.708%2083.363%2061.808-.017.729.016%201.459.016%202.192l.328%2013.103v253.823zM432%20148v255.926C414%20378.055%20382.269%20368%20347.5%20368c-34.77%200-65.5%2017.055-83.5%2042.926V144c0-44.112%2037.659-64%2083.587-64C391.79%2080%20429%2091.175%20432%20133v15z%22%20fill%3D%22currentColor%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%20d%3D%22M347.621%2064c-40.941%200-79.121%2014-91.578%2044.495C242.5%2078%20205.408%2064%20164.466%2064%20109.265%2064%2064%2089.98%2064%20143v283h22.14c12.86-26.334%2044.238-42%2078.325-42%2040.224%200%2073.877%2027.528%2081.617%2064h19.714c7.739-36.472%2041.495-64%2081.722-64%2034.085%200%2061.149%2011.666%2078.429%2042H448V143c0-53.02-45.177-79-100.379-79zM248%20410.926C230%20385.055%20199.27%20368%20164.5%20368c-34.769%200-64.5%2010.055-83.5%2035.926l-1%20.537V141c3-41.825%2040.089-61%2084.293-61%2045.162%200%2082.145%2018.708%2083.363%2061.808-.017.729.016%201.459.016%202.192l.328%2013.103v253.823zM432%20148v255.926C414%20378.055%20382.269%20368%20347.5%20368c-34.77%200-65.5%2017.055-83.5%2042.926V144c0-44.112%2037.659-64%2083.587-64C391.79%2080%20429%2091.175%20432%20133v15z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/ios-book-outline.svg?color=%231a73e8&size=48
