openbook emoji
openbook from Firefox OS Emoji by Mozilla · Default · Objects · Apache-2.0 Free for personal and commercial use.
- Name
- openbook
- Set
- Firefox OS Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 512×512
- License
- Apache 2.0
More objects icons from Firefox OS Emoji
admissionticketsalienmonsteramericanfootballartistpaletteauberginebabybottlebackofenvelopeballoonballotboldscriptxballotboxboldcheckballotboxwithboldscriptxballottboxwithballottballottboxwithscriptxballottscriptxbananabanknotedollarbanknoteeurobanknotepoundbanknoteyenbarchartbaseballbasketballandhoopbathbathtub
Use the openbook emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#FF473E" d="M473 108.645H291.537c-16.914 0-31.096 11.667-34.956 27.391c-3.86-15.724-18.042-27.391-34.956-27.391H40.162c-19.882 0-36 16.118-36 36v264.657c0 19.882 16.118 36 36 36h181.463c.201 0 .398-.012.598-.015c8.445 9.075 20.655 14.78 34.237 14.78c13.586 0 25.798-5.707 34.243-14.785c.278.006.554.021.834.021H473c19.882 0 36-16.118 36-36V144.645c0-19.882-16.118-36-36-36"/><path fill="#445056" d="m260.57 378.332l.703 1.585l1.921 4.179l2.831 5.908c1.028 2.161 2.22 4.467 3.362 6.773l1.721 3.44a34 34 0 0 0 1.861 3.332l2.071 3.116c.615.991 1.141 1.927 1.507 2.792c.379.865.644 1.657.765 2.36a6.2 6.2 0 0 1 .073 1.819c-.115 1.009-.502 1.585-.502 1.585c-7.578 11.279-22.864 14.279-34.142 6.702a24.9 24.9 0 0 1-6.702-6.702s-.387-.576-.502-1.585a6.2 6.2 0 0 1 .073-1.819c.121-.702.386-1.495.765-2.36c.366-.865.891-1.801 1.507-2.792l2.07-3.116a34 34 0 0 0 1.861-3.332l1.721-3.44c1.142-2.306 2.334-4.611 3.362-6.773l2.832-5.908l1.921-4.179l.703-1.585a4.494 4.494 0 0 1 8.218 0"/><path fill="#A9B8C2" d="M455.552 86.818H291.609c-17.026 0-31.281 11.823-35.028 27.704c-3.748-15.881-18.003-27.704-35.028-27.704H57.609c-19.882 0-36 16.118-36 36v261.706c0 19.882 16.118 36 36 36h163.943c17.026 0 31.281-11.823 35.028-27.704c3.748 15.881 18.003 27.704 35.028 27.704h163.943c19.882 0 36-16.118 36-36V122.818c.001-19.883-16.116-36-35.999-36"/><path fill="#DCE2E2" d="M249.022 61.603C184.386 22.842 123.177 115.736 58.54 76.975c-5.924-3.585-10.727-1.327-10.727 6.714V377.62c0 6.856 3.72 12.949 8.799 13.669c.625.089 1.27.316 1.928.714c64.636 38.761 129.272-54.133 193.908-15.372c1.008.61 2.475 1.705 3.65 2.582c2.454 1.831 7.077-1.824 7.077-7.333L255.54 82.212c0-7.865-.594-17.023-6.518-20.609"/><path fill="#F9F9F7" d="M265.336 61.603c64.636-38.761 129.272 54.133 193.908 15.372c5.924-3.585 10.727-1.327 10.727 6.714V372.98c0 8.579-4.223 15.849-10.236 18.756a6 6 0 0 0-.491.267c-64.636 38.761-129.299-54.213-193.908-15.372c-7.82 4.701-10.727 3.415-10.727-.994V75.825c0-7.865 4.803-10.636 10.727-14.222"/></svg>
React
import type { SVGProps } from "react";
export function FxemojiOpenbook(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#FF473E" d="M473 108.645H291.537c-16.914 0-31.096 11.667-34.956 27.391c-3.86-15.724-18.042-27.391-34.956-27.391H40.162c-19.882 0-36 16.118-36 36v264.657c0 19.882 16.118 36 36 36h181.463c.201 0 .398-.012.598-.015c8.445 9.075 20.655 14.78 34.237 14.78c13.586 0 25.798-5.707 34.243-14.785c.278.006.554.021.834.021H473c19.882 0 36-16.118 36-36V144.645c0-19.882-16.118-36-36-36"/><path fill="#445056" d="m260.57 378.332l.703 1.585l1.921 4.179l2.831 5.908c1.028 2.161 2.22 4.467 3.362 6.773l1.721 3.44a34 34 0 0 0 1.861 3.332l2.071 3.116c.615.991 1.141 1.927 1.507 2.792c.379.865.644 1.657.765 2.36a6.2 6.2 0 0 1 .073 1.819c-.115 1.009-.502 1.585-.502 1.585c-7.578 11.279-22.864 14.279-34.142 6.702a24.9 24.9 0 0 1-6.702-6.702s-.387-.576-.502-1.585a6.2 6.2 0 0 1 .073-1.819c.121-.702.386-1.495.765-2.36c.366-.865.891-1.801 1.507-2.792l2.07-3.116a34 34 0 0 0 1.861-3.332l1.721-3.44c1.142-2.306 2.334-4.611 3.362-6.773l2.832-5.908l1.921-4.179l.703-1.585a4.494 4.494 0 0 1 8.218 0"/><path fill="#A9B8C2" d="M455.552 86.818H291.609c-17.026 0-31.281 11.823-35.028 27.704c-3.748-15.881-18.003-27.704-35.028-27.704H57.609c-19.882 0-36 16.118-36 36v261.706c0 19.882 16.118 36 36 36h163.943c17.026 0 31.281-11.823 35.028-27.704c3.748 15.881 18.003 27.704 35.028 27.704h163.943c19.882 0 36-16.118 36-36V122.818c.001-19.883-16.116-36-35.999-36"/><path fill="#DCE2E2" d="M249.022 61.603C184.386 22.842 123.177 115.736 58.54 76.975c-5.924-3.585-10.727-1.327-10.727 6.714V377.62c0 6.856 3.72 12.949 8.799 13.669c.625.089 1.27.316 1.928.714c64.636 38.761 129.272-54.133 193.908-15.372c1.008.61 2.475 1.705 3.65 2.582c2.454 1.831 7.077-1.824 7.077-7.333L255.54 82.212c0-7.865-.594-17.023-6.518-20.609"/><path fill="#F9F9F7" d="M265.336 61.603c64.636-38.761 129.272 54.133 193.908 15.372c5.924-3.585 10.727-1.327 10.727 6.714V372.98c0 8.579-4.223 15.849-10.236 18.756a6 6 0 0 0-.491.267c-64.636 38.761-129.299-54.213-193.908-15.372c-7.82 4.701-10.727 3.415-10.727-.994V75.825c0-7.865 4.803-10.636 10.727-14.222"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#FF473E" d="M473 108.645H291.537c-16.914 0-31.096 11.667-34.956 27.391c-3.86-15.724-18.042-27.391-34.956-27.391H40.162c-19.882 0-36 16.118-36 36v264.657c0 19.882 16.118 36 36 36h181.463c.201 0 .398-.012.598-.015c8.445 9.075 20.655 14.78 34.237 14.78c13.586 0 25.798-5.707 34.243-14.785c.278.006.554.021.834.021H473c19.882 0 36-16.118 36-36V144.645c0-19.882-16.118-36-36-36"/><path fill="#445056" d="m260.57 378.332l.703 1.585l1.921 4.179l2.831 5.908c1.028 2.161 2.22 4.467 3.362 6.773l1.721 3.44a34 34 0 0 0 1.861 3.332l2.071 3.116c.615.991 1.141 1.927 1.507 2.792c.379.865.644 1.657.765 2.36a6.2 6.2 0 0 1 .073 1.819c-.115 1.009-.502 1.585-.502 1.585c-7.578 11.279-22.864 14.279-34.142 6.702a24.9 24.9 0 0 1-6.702-6.702s-.387-.576-.502-1.585a6.2 6.2 0 0 1 .073-1.819c.121-.702.386-1.495.765-2.36c.366-.865.891-1.801 1.507-2.792l2.07-3.116a34 34 0 0 0 1.861-3.332l1.721-3.44c1.142-2.306 2.334-4.611 3.362-6.773l2.832-5.908l1.921-4.179l.703-1.585a4.494 4.494 0 0 1 8.218 0"/><path fill="#A9B8C2" d="M455.552 86.818H291.609c-17.026 0-31.281 11.823-35.028 27.704c-3.748-15.881-18.003-27.704-35.028-27.704H57.609c-19.882 0-36 16.118-36 36v261.706c0 19.882 16.118 36 36 36h163.943c17.026 0 31.281-11.823 35.028-27.704c3.748 15.881 18.003 27.704 35.028 27.704h163.943c19.882 0 36-16.118 36-36V122.818c.001-19.883-16.116-36-35.999-36"/><path fill="#DCE2E2" d="M249.022 61.603C184.386 22.842 123.177 115.736 58.54 76.975c-5.924-3.585-10.727-1.327-10.727 6.714V377.62c0 6.856 3.72 12.949 8.799 13.669c.625.089 1.27.316 1.928.714c64.636 38.761 129.272-54.133 193.908-15.372c1.008.61 2.475 1.705 3.65 2.582c2.454 1.831 7.077-1.824 7.077-7.333L255.54 82.212c0-7.865-.594-17.023-6.518-20.609"/><path fill="#F9F9F7" d="M265.336 61.603c64.636-38.761 129.272 54.133 193.908 15.372c5.924-3.585 10.727-1.327 10.727 6.714V372.98c0 8.579-4.223 15.849-10.236 18.756a6 6 0 0 0-.491.267c-64.636 38.761-129.299-54.213-193.908-15.372c-7.82 4.701-10.727 3.415-10.727-.994V75.825c0-7.865 4.803-10.636 10.727-14.222"/></svg> </template>
CSS
.icon-openbook {
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%22%23FF473E%22%20d%3D%22M473%20108.645H291.537c-16.914%200-31.096%2011.667-34.956%2027.391c-3.86-15.724-18.042-27.391-34.956-27.391H40.162c-19.882%200-36%2016.118-36%2036v264.657c0%2019.882%2016.118%2036%2036%2036h181.463c.201%200%20.398-.012.598-.015c8.445%209.075%2020.655%2014.78%2034.237%2014.78c13.586%200%2025.798-5.707%2034.243-14.785c.278.006.554.021.834.021H473c19.882%200%2036-16.118%2036-36V144.645c0-19.882-16.118-36-36-36%22%2F%3E%3Cpath%20fill%3D%22%23445056%22%20d%3D%22m260.57%20378.332l.703%201.585l1.921%204.179l2.831%205.908c1.028%202.161%202.22%204.467%203.362%206.773l1.721%203.44a34%2034%200%200%200%201.861%203.332l2.071%203.116c.615.991%201.141%201.927%201.507%202.792c.379.865.644%201.657.765%202.36a6.2%206.2%200%200%201%20.073%201.819c-.115%201.009-.502%201.585-.502%201.585c-7.578%2011.279-22.864%2014.279-34.142%206.702a24.9%2024.9%200%200%201-6.702-6.702s-.387-.576-.502-1.585a6.2%206.2%200%200%201%20.073-1.819c.121-.702.386-1.495.765-2.36c.366-.865.891-1.801%201.507-2.792l2.07-3.116a34%2034%200%200%200%201.861-3.332l1.721-3.44c1.142-2.306%202.334-4.611%203.362-6.773l2.832-5.908l1.921-4.179l.703-1.585a4.494%204.494%200%200%201%208.218%200%22%2F%3E%3Cpath%20fill%3D%22%23A9B8C2%22%20d%3D%22M455.552%2086.818H291.609c-17.026%200-31.281%2011.823-35.028%2027.704c-3.748-15.881-18.003-27.704-35.028-27.704H57.609c-19.882%200-36%2016.118-36%2036v261.706c0%2019.882%2016.118%2036%2036%2036h163.943c17.026%200%2031.281-11.823%2035.028-27.704c3.748%2015.881%2018.003%2027.704%2035.028%2027.704h163.943c19.882%200%2036-16.118%2036-36V122.818c.001-19.883-16.116-36-35.999-36%22%2F%3E%3Cpath%20fill%3D%22%23DCE2E2%22%20d%3D%22M249.022%2061.603C184.386%2022.842%20123.177%20115.736%2058.54%2076.975c-5.924-3.585-10.727-1.327-10.727%206.714V377.62c0%206.856%203.72%2012.949%208.799%2013.669c.625.089%201.27.316%201.928.714c64.636%2038.761%20129.272-54.133%20193.908-15.372c1.008.61%202.475%201.705%203.65%202.582c2.454%201.831%207.077-1.824%207.077-7.333L255.54%2082.212c0-7.865-.594-17.023-6.518-20.609%22%2F%3E%3Cpath%20fill%3D%22%23F9F9F7%22%20d%3D%22M265.336%2061.603c64.636-38.761%20129.272%2054.133%20193.908%2015.372c5.924-3.585%2010.727-1.327%2010.727%206.714V372.98c0%208.579-4.223%2015.849-10.236%2018.756a6%206%200%200%200-.491.267c-64.636%2038.761-129.299-54.213-193.908-15.372c-7.82%204.701-10.727%203.415-10.727-.994V75.825c0-7.865%204.803-10.636%2010.727-14.222%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%22%23FF473E%22%20d%3D%22M473%20108.645H291.537c-16.914%200-31.096%2011.667-34.956%2027.391c-3.86-15.724-18.042-27.391-34.956-27.391H40.162c-19.882%200-36%2016.118-36%2036v264.657c0%2019.882%2016.118%2036%2036%2036h181.463c.201%200%20.398-.012.598-.015c8.445%209.075%2020.655%2014.78%2034.237%2014.78c13.586%200%2025.798-5.707%2034.243-14.785c.278.006.554.021.834.021H473c19.882%200%2036-16.118%2036-36V144.645c0-19.882-16.118-36-36-36%22%2F%3E%3Cpath%20fill%3D%22%23445056%22%20d%3D%22m260.57%20378.332l.703%201.585l1.921%204.179l2.831%205.908c1.028%202.161%202.22%204.467%203.362%206.773l1.721%203.44a34%2034%200%200%200%201.861%203.332l2.071%203.116c.615.991%201.141%201.927%201.507%202.792c.379.865.644%201.657.765%202.36a6.2%206.2%200%200%201%20.073%201.819c-.115%201.009-.502%201.585-.502%201.585c-7.578%2011.279-22.864%2014.279-34.142%206.702a24.9%2024.9%200%200%201-6.702-6.702s-.387-.576-.502-1.585a6.2%206.2%200%200%201%20.073-1.819c.121-.702.386-1.495.765-2.36c.366-.865.891-1.801%201.507-2.792l2.07-3.116a34%2034%200%200%200%201.861-3.332l1.721-3.44c1.142-2.306%202.334-4.611%203.362-6.773l2.832-5.908l1.921-4.179l.703-1.585a4.494%204.494%200%200%201%208.218%200%22%2F%3E%3Cpath%20fill%3D%22%23A9B8C2%22%20d%3D%22M455.552%2086.818H291.609c-17.026%200-31.281%2011.823-35.028%2027.704c-3.748-15.881-18.003-27.704-35.028-27.704H57.609c-19.882%200-36%2016.118-36%2036v261.706c0%2019.882%2016.118%2036%2036%2036h163.943c17.026%200%2031.281-11.823%2035.028-27.704c3.748%2015.881%2018.003%2027.704%2035.028%2027.704h163.943c19.882%200%2036-16.118%2036-36V122.818c.001-19.883-16.116-36-35.999-36%22%2F%3E%3Cpath%20fill%3D%22%23DCE2E2%22%20d%3D%22M249.022%2061.603C184.386%2022.842%20123.177%20115.736%2058.54%2076.975c-5.924-3.585-10.727-1.327-10.727%206.714V377.62c0%206.856%203.72%2012.949%208.799%2013.669c.625.089%201.27.316%201.928.714c64.636%2038.761%20129.272-54.133%20193.908-15.372c1.008.61%202.475%201.705%203.65%202.582c2.454%201.831%207.077-1.824%207.077-7.333L255.54%2082.212c0-7.865-.594-17.023-6.518-20.609%22%2F%3E%3Cpath%20fill%3D%22%23F9F9F7%22%20d%3D%22M265.336%2061.603c64.636-38.761%20129.272%2054.133%20193.908%2015.372c5.924-3.585%2010.727-1.327%2010.727%206.714V372.98c0%208.579-4.223%2015.849-10.236%2018.756a6%206%200%200%200-.491.267c-64.636%2038.761-129.299-54.213-193.908-15.372c-7.82%204.701-10.727%203.415-10.727-.994V75.825c0-7.865%204.803-10.636%2010.727-14.222%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fxemoji/openbook.svg?color=%231a73e8&size=48
