book reader icon
book-reader from Unicons by Iconscout · Line · Users · Apache-2.0 Free for personal and commercial use.
- Name
- book-reader
- Set
- Unicons
- Style
- Line
- Category
- Users
- Viewbox
- 24×24
- License
- Apache 2.0
The same icon in other sets
More users icons from Unicons
Use the book reader icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.18 10.19A12 12 0 0 0 18 10c-.42 0-.83 0-1.24.08a5.9 5.9 0 0 0-1.91-1.65a3.8 3.8 0 0 0 1-2.57a3.86 3.86 0 0 0-7.72 0a3.8 3.8 0 0 0 1 2.57a6.1 6.1 0 0 0-1.91 1.64C6.83 10 6.42 10 6 10a12 12 0 0 0-2.18.21a1 1 0 0 0-.82 1v8.25a1 1 0 0 0 .36.77a1 1 0 0 0 .82.22A10 10 0 0 1 6 20.23a9.9 9.9 0 0 1 5.45 1.63l.13.05A1.1 1.1 0 0 0 12 22a.9.9 0 0 0 .28-.05h.07l.13-.05A9.9 9.9 0 0 1 18 20.23a10 10 0 0 1 1.82.18a1 1 0 0 0 .82-.22a1 1 0 0 0 .36-.77v-8.25a1 1 0 0 0-.82-.98M12 4a1.86 1.86 0 0 1 0 3.71A1.86 1.86 0 0 1 12 4m-1 15.33a11.9 11.9 0 0 0-5-1.1c-.33 0-.66 0-1 .05V12a9.6 9.6 0 0 1 2.52.05h.11A10 10 0 0 1 11 13.33Zm1-7.73a12 12 0 0 0-1.38-.68h-.06c-.33-.13-.66-.26-1-.36A4 4 0 0 1 12 9.69a4 4 0 0 1 2.44.85A12.4 12.4 0 0 0 12 11.6m7 6.68a11.6 11.6 0 0 0-6 1v-6a9.8 9.8 0 0 1 3.37-1.22h.2A9.4 9.4 0 0 1 19 12Z"/></svg>
React
import type { SVGProps } from "react";
export function UilBookReader(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.18 10.19A12 12 0 0 0 18 10c-.42 0-.83 0-1.24.08a5.9 5.9 0 0 0-1.91-1.65a3.8 3.8 0 0 0 1-2.57a3.86 3.86 0 0 0-7.72 0a3.8 3.8 0 0 0 1 2.57a6.1 6.1 0 0 0-1.91 1.64C6.83 10 6.42 10 6 10a12 12 0 0 0-2.18.21a1 1 0 0 0-.82 1v8.25a1 1 0 0 0 .36.77a1 1 0 0 0 .82.22A10 10 0 0 1 6 20.23a9.9 9.9 0 0 1 5.45 1.63l.13.05A1.1 1.1 0 0 0 12 22a.9.9 0 0 0 .28-.05h.07l.13-.05A9.9 9.9 0 0 1 18 20.23a10 10 0 0 1 1.82.18a1 1 0 0 0 .82-.22a1 1 0 0 0 .36-.77v-8.25a1 1 0 0 0-.82-.98M12 4a1.86 1.86 0 0 1 0 3.71A1.86 1.86 0 0 1 12 4m-1 15.33a11.9 11.9 0 0 0-5-1.1c-.33 0-.66 0-1 .05V12a9.6 9.6 0 0 1 2.52.05h.11A10 10 0 0 1 11 13.33Zm1-7.73a12 12 0 0 0-1.38-.68h-.06c-.33-.13-.66-.26-1-.36A4 4 0 0 1 12 9.69a4 4 0 0 1 2.44.85A12.4 12.4 0 0 0 12 11.6m7 6.68a11.6 11.6 0 0 0-6 1v-6a9.8 9.8 0 0 1 3.37-1.22h.2A9.4 9.4 0 0 1 19 12Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.18 10.19A12 12 0 0 0 18 10c-.42 0-.83 0-1.24.08a5.9 5.9 0 0 0-1.91-1.65a3.8 3.8 0 0 0 1-2.57a3.86 3.86 0 0 0-7.72 0a3.8 3.8 0 0 0 1 2.57a6.1 6.1 0 0 0-1.91 1.64C6.83 10 6.42 10 6 10a12 12 0 0 0-2.18.21a1 1 0 0 0-.82 1v8.25a1 1 0 0 0 .36.77a1 1 0 0 0 .82.22A10 10 0 0 1 6 20.23a9.9 9.9 0 0 1 5.45 1.63l.13.05A1.1 1.1 0 0 0 12 22a.9.9 0 0 0 .28-.05h.07l.13-.05A9.9 9.9 0 0 1 18 20.23a10 10 0 0 1 1.82.18a1 1 0 0 0 .82-.22a1 1 0 0 0 .36-.77v-8.25a1 1 0 0 0-.82-.98M12 4a1.86 1.86 0 0 1 0 3.71A1.86 1.86 0 0 1 12 4m-1 15.33a11.9 11.9 0 0 0-5-1.1c-.33 0-.66 0-1 .05V12a9.6 9.6 0 0 1 2.52.05h.11A10 10 0 0 1 11 13.33Zm1-7.73a12 12 0 0 0-1.38-.68h-.06c-.33-.13-.66-.26-1-.36A4 4 0 0 1 12 9.69a4 4 0 0 1 2.44.85A12.4 12.4 0 0 0 12 11.6m7 6.68a11.6 11.6 0 0 0-6 1v-6a9.8 9.8 0 0 1 3.37-1.22h.2A9.4 9.4 0 0 1 19 12Z"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20.18%2010.19A12%2012%200%200%200%2018%2010c-.42%200-.83%200-1.24.08a5.9%205.9%200%200%200-1.91-1.65a3.8%203.8%200%200%200%201-2.57a3.86%203.86%200%200%200-7.72%200a3.8%203.8%200%200%200%201%202.57a6.1%206.1%200%200%200-1.91%201.64C6.83%2010%206.42%2010%206%2010a12%2012%200%200%200-2.18.21a1%201%200%200%200-.82%201v8.25a1%201%200%200%200%20.36.77a1%201%200%200%200%20.82.22A10%2010%200%200%201%206%2020.23a9.9%209.9%200%200%201%205.45%201.63l.13.05A1.1%201.1%200%200%200%2012%2022a.9.9%200%200%200%20.28-.05h.07l.13-.05A9.9%209.9%200%200%201%2018%2020.23a10%2010%200%200%201%201.82.18a1%201%200%200%200%20.82-.22a1%201%200%200%200%20.36-.77v-8.25a1%201%200%200%200-.82-.98M12%204a1.86%201.86%200%200%201%200%203.71A1.86%201.86%200%200%201%2012%204m-1%2015.33a11.9%2011.9%200%200%200-5-1.1c-.33%200-.66%200-1%20.05V12a9.6%209.6%200%200%201%202.52.05h.11A10%2010%200%200%201%2011%2013.33Zm1-7.73a12%2012%200%200%200-1.38-.68h-.06c-.33-.13-.66-.26-1-.36A4%204%200%200%201%2012%209.69a4%204%200%200%201%202.44.85A12.4%2012.4%200%200%200%2012%2011.6m7%206.68a11.6%2011.6%200%200%200-6%201v-6a9.8%209.8%200%200%201%203.37-1.22h.2A9.4%209.4%200%200%201%2019%2012Z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20.18%2010.19A12%2012%200%200%200%2018%2010c-.42%200-.83%200-1.24.08a5.9%205.9%200%200%200-1.91-1.65a3.8%203.8%200%200%200%201-2.57a3.86%203.86%200%200%200-7.72%200a3.8%203.8%200%200%200%201%202.57a6.1%206.1%200%200%200-1.91%201.64C6.83%2010%206.42%2010%206%2010a12%2012%200%200%200-2.18.21a1%201%200%200%200-.82%201v8.25a1%201%200%200%200%20.36.77a1%201%200%200%200%20.82.22A10%2010%200%200%201%206%2020.23a9.9%209.9%200%200%201%205.45%201.63l.13.05A1.1%201.1%200%200%200%2012%2022a.9.9%200%200%200%20.28-.05h.07l.13-.05A9.9%209.9%200%200%201%2018%2020.23a10%2010%200%200%201%201.82.18a1%201%200%200%200%20.82-.22a1%201%200%200%200%20.36-.77v-8.25a1%201%200%200%200-.82-.98M12%204a1.86%201.86%200%200%201%200%203.71A1.86%201.86%200%200%201%2012%204m-1%2015.33a11.9%2011.9%200%200%200-5-1.1c-.33%200-.66%200-1%20.05V12a9.6%209.6%200%200%201%202.52.05h.11A10%2010%200%200%201%2011%2013.33Zm1-7.73a12%2012%200%200%200-1.38-.68h-.06c-.33-.13-.66-.26-1-.36A4%204%200%200%201%2012%209.69a4%204%200%200%201%202.44.85A12.4%2012.4%200%200%200%2012%2011.6m7%206.68a11.6%2011.6%200%200%200-6%201v-6a9.8%209.8%200%200%201%203.37-1.22h.2A9.4%209.4%200%200%201%2019%2012Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/uil/book-reader.svg?color=%231a73e8&size=48
