books emoji
books from Twitter Emoji by Twitter · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- books
- Set
- Twitter Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More objects icons from Twitter Emoji
Use the books emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#553788" d="M15 31c0 2.209-.791 4-3 4H5c-4 0-4-14 0-14h7c2.209 0 3 1.791 3 4z"/><path fill="#9266cc" d="M34 33h-1V23h1a1 1 0 1 0 0-2H10c-4 0-4 14 0 14h24a1 1 0 1 0 0-2"/><path fill="#ccd6dd" d="M34.172 33H11c-2 0-2-10 0-10h23.172c1.104 0 1.104 10 0 10"/><path fill="#99aab5" d="M11.5 25h23.35c-.135-1.175-.36-2-.678-2H11c-1.651 0-1.938 6.808-.863 9.188C9.745 29.229 10.199 25 11.5 25"/><path fill="#269" d="M12 8a4 4 0 0 1-4 4H4C0 12 0 1 4 1h4a4 4 0 0 1 4 4z"/><path fill="#55acee" d="M31 10h-1V3h1a1 1 0 1 0 0-2H7C3 1 3 12 7 12h24a1 1 0 1 0 0-2"/><path fill="#ccd6dd" d="M31.172 10H8c-2 0-2-7 0-7h23.172c1.104 0 1.104 7 0 7"/><path fill="#99aab5" d="M8 5h23.925c-.114-1.125-.364-2-.753-2H8C6.807 3 6.331 5.489 6.562 7.5C6.718 6.142 7.193 5 8 5"/><path fill="#f4900c" d="M20 17a4 4 0 0 1-4 4H6c-4 0-4-9 0-9h10a4 4 0 0 1 4 4z"/><path fill="#ffac33" d="M35 19h-1v-5h1a1 1 0 1 0 0-2H15c-4 0-4 9 0 9h20a1 1 0 1 0 0-2"/><path fill="#ccd6dd" d="M35.172 19H16c-2 0-2-5 0-5h19.172c1.104 0 1.104 5 0 5"/><path fill="#99aab5" d="M16 16h19.984c-.065-1.062-.334-2-.812-2H16c-1.274 0-1.733 2.027-1.383 3.5c.198-.839.657-1.5 1.383-1.5"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiBooks(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#553788" d="M15 31c0 2.209-.791 4-3 4H5c-4 0-4-14 0-14h7c2.209 0 3 1.791 3 4z"/><path fill="#9266cc" d="M34 33h-1V23h1a1 1 0 1 0 0-2H10c-4 0-4 14 0 14h24a1 1 0 1 0 0-2"/><path fill="#ccd6dd" d="M34.172 33H11c-2 0-2-10 0-10h23.172c1.104 0 1.104 10 0 10"/><path fill="#99aab5" d="M11.5 25h23.35c-.135-1.175-.36-2-.678-2H11c-1.651 0-1.938 6.808-.863 9.188C9.745 29.229 10.199 25 11.5 25"/><path fill="#269" d="M12 8a4 4 0 0 1-4 4H4C0 12 0 1 4 1h4a4 4 0 0 1 4 4z"/><path fill="#55acee" d="M31 10h-1V3h1a1 1 0 1 0 0-2H7C3 1 3 12 7 12h24a1 1 0 1 0 0-2"/><path fill="#ccd6dd" d="M31.172 10H8c-2 0-2-7 0-7h23.172c1.104 0 1.104 7 0 7"/><path fill="#99aab5" d="M8 5h23.925c-.114-1.125-.364-2-.753-2H8C6.807 3 6.331 5.489 6.562 7.5C6.718 6.142 7.193 5 8 5"/><path fill="#f4900c" d="M20 17a4 4 0 0 1-4 4H6c-4 0-4-9 0-9h10a4 4 0 0 1 4 4z"/><path fill="#ffac33" d="M35 19h-1v-5h1a1 1 0 1 0 0-2H15c-4 0-4 9 0 9h20a1 1 0 1 0 0-2"/><path fill="#ccd6dd" d="M35.172 19H16c-2 0-2-5 0-5h19.172c1.104 0 1.104 5 0 5"/><path fill="#99aab5" d="M16 16h19.984c-.065-1.062-.334-2-.812-2H16c-1.274 0-1.733 2.027-1.383 3.5c.198-.839.657-1.5 1.383-1.5"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#553788" d="M15 31c0 2.209-.791 4-3 4H5c-4 0-4-14 0-14h7c2.209 0 3 1.791 3 4z"/><path fill="#9266cc" d="M34 33h-1V23h1a1 1 0 1 0 0-2H10c-4 0-4 14 0 14h24a1 1 0 1 0 0-2"/><path fill="#ccd6dd" d="M34.172 33H11c-2 0-2-10 0-10h23.172c1.104 0 1.104 10 0 10"/><path fill="#99aab5" d="M11.5 25h23.35c-.135-1.175-.36-2-.678-2H11c-1.651 0-1.938 6.808-.863 9.188C9.745 29.229 10.199 25 11.5 25"/><path fill="#269" d="M12 8a4 4 0 0 1-4 4H4C0 12 0 1 4 1h4a4 4 0 0 1 4 4z"/><path fill="#55acee" d="M31 10h-1V3h1a1 1 0 1 0 0-2H7C3 1 3 12 7 12h24a1 1 0 1 0 0-2"/><path fill="#ccd6dd" d="M31.172 10H8c-2 0-2-7 0-7h23.172c1.104 0 1.104 7 0 7"/><path fill="#99aab5" d="M8 5h23.925c-.114-1.125-.364-2-.753-2H8C6.807 3 6.331 5.489 6.562 7.5C6.718 6.142 7.193 5 8 5"/><path fill="#f4900c" d="M20 17a4 4 0 0 1-4 4H6c-4 0-4-9 0-9h10a4 4 0 0 1 4 4z"/><path fill="#ffac33" d="M35 19h-1v-5h1a1 1 0 1 0 0-2H15c-4 0-4 9 0 9h20a1 1 0 1 0 0-2"/><path fill="#ccd6dd" d="M35.172 19H16c-2 0-2-5 0-5h19.172c1.104 0 1.104 5 0 5"/><path fill="#99aab5" d="M16 16h19.984c-.065-1.062-.334-2-.812-2H16c-1.274 0-1.733 2.027-1.383 3.5c.198-.839.657-1.5 1.383-1.5"/></svg> </template>
CSS
.icon-books {
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%2036%2036%22%3E%3Cpath%20fill%3D%22%23553788%22%20d%3D%22M15%2031c0%202.209-.791%204-3%204H5c-4%200-4-14%200-14h7c2.209%200%203%201.791%203%204z%22%2F%3E%3Cpath%20fill%3D%22%239266cc%22%20d%3D%22M34%2033h-1V23h1a1%201%200%201%200%200-2H10c-4%200-4%2014%200%2014h24a1%201%200%201%200%200-2%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M34.172%2033H11c-2%200-2-10%200-10h23.172c1.104%200%201.104%2010%200%2010%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M11.5%2025h23.35c-.135-1.175-.36-2-.678-2H11c-1.651%200-1.938%206.808-.863%209.188C9.745%2029.229%2010.199%2025%2011.5%2025%22%2F%3E%3Cpath%20fill%3D%22%23269%22%20d%3D%22M12%208a4%204%200%200%201-4%204H4C0%2012%200%201%204%201h4a4%204%200%200%201%204%204z%22%2F%3E%3Cpath%20fill%3D%22%2355acee%22%20d%3D%22M31%2010h-1V3h1a1%201%200%201%200%200-2H7C3%201%203%2012%207%2012h24a1%201%200%201%200%200-2%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M31.172%2010H8c-2%200-2-7%200-7h23.172c1.104%200%201.104%207%200%207%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M8%205h23.925c-.114-1.125-.364-2-.753-2H8C6.807%203%206.331%205.489%206.562%207.5C6.718%206.142%207.193%205%208%205%22%2F%3E%3Cpath%20fill%3D%22%23f4900c%22%20d%3D%22M20%2017a4%204%200%200%201-4%204H6c-4%200-4-9%200-9h10a4%204%200%200%201%204%204z%22%2F%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M35%2019h-1v-5h1a1%201%200%201%200%200-2H15c-4%200-4%209%200%209h20a1%201%200%201%200%200-2%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M35.172%2019H16c-2%200-2-5%200-5h19.172c1.104%200%201.104%205%200%205%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M16%2016h19.984c-.065-1.062-.334-2-.812-2H16c-1.274%200-1.733%202.027-1.383%203.5c.198-.839.657-1.5%201.383-1.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%2036%2036%22%3E%3Cpath%20fill%3D%22%23553788%22%20d%3D%22M15%2031c0%202.209-.791%204-3%204H5c-4%200-4-14%200-14h7c2.209%200%203%201.791%203%204z%22%2F%3E%3Cpath%20fill%3D%22%239266cc%22%20d%3D%22M34%2033h-1V23h1a1%201%200%201%200%200-2H10c-4%200-4%2014%200%2014h24a1%201%200%201%200%200-2%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M34.172%2033H11c-2%200-2-10%200-10h23.172c1.104%200%201.104%2010%200%2010%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M11.5%2025h23.35c-.135-1.175-.36-2-.678-2H11c-1.651%200-1.938%206.808-.863%209.188C9.745%2029.229%2010.199%2025%2011.5%2025%22%2F%3E%3Cpath%20fill%3D%22%23269%22%20d%3D%22M12%208a4%204%200%200%201-4%204H4C0%2012%200%201%204%201h4a4%204%200%200%201%204%204z%22%2F%3E%3Cpath%20fill%3D%22%2355acee%22%20d%3D%22M31%2010h-1V3h1a1%201%200%201%200%200-2H7C3%201%203%2012%207%2012h24a1%201%200%201%200%200-2%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M31.172%2010H8c-2%200-2-7%200-7h23.172c1.104%200%201.104%207%200%207%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M8%205h23.925c-.114-1.125-.364-2-.753-2H8C6.807%203%206.331%205.489%206.562%207.5C6.718%206.142%207.193%205%208%205%22%2F%3E%3Cpath%20fill%3D%22%23f4900c%22%20d%3D%22M20%2017a4%204%200%200%201-4%204H6c-4%200-4-9%200-9h10a4%204%200%200%201%204%204z%22%2F%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M35%2019h-1v-5h1a1%201%200%201%200%200-2H15c-4%200-4%209%200%209h20a1%201%200%201%200%200-2%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M35.172%2019H16c-2%200-2-5%200-5h19.172c1.104%200%201.104%205%200%205%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M16%2016h19.984c-.065-1.062-.334-2-.812-2H16c-1.274%200-1.733%202.027-1.383%203.5c.198-.839.657-1.5%201.383-1.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/books.svg?color=%231a73e8&size=48
