book quran icon
book-quran from Font Awesome Solid by Dave Gandy · Solid · CC-BY-4.0 Attribution required.
- Name
- book-quran
- Set
- Font Awesome Solid
- Style
- Solid
- Viewbox
- 640×640
- License
- CC BY 4.0
The same icon in other sets
Related icons in Font Awesome Solid
Use the book quran icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M160 576h288c53 0 96-43 96-96V160c0-53-43-96-96-96H144c-26.5 0-48 21.5-48 48v288c0 20.9 13.4 38.7 32 45.3V512c-17.7 0-32 14.3-32 32s14.3 32 32 32zm288-128c17.7 0 32 14.3 32 32s-14.3 32-32 32H192v-64zm-78.9-239.6c2.5-6.1 11.2-6.1 13.7 0l10.3 24.8l26.8 2.1c6.6.5 9.2 8.7 4.2 13l-20.3 17.6L410 292c1.5 6.4-5.5 11.5-11.1 8.1l-22.9-14l-22.9 14c-5.6 3.4-12.6-1.6-11.1-8.1l6.2-26.1l-20.4-17.5c-5-4.3-2.3-12.5 4.2-13l26.8-2.1l10.3-24.8zM196 256c0-68.5 55.5-124 124-124c23.8 0 46.1 6.7 65 18.4c4.8 2.9 6.9 8.8 5 14.1s-7.1 8.6-12.7 8c-3.1-.3-6.2-.5-9.4-.5c-46.4 0-84 37.6-84 84s37.6 84 84 84c3.2 0 6.3-.2 9.4-.5c5.6-.6 10.8 2.7 12.7 8s-.3 11.2-5 14.1c-18.9 11.7-41.2 18.4-65 18.4c-68.5 0-124-55.5-124-124"/></svg>
React
import type { SVGProps } from "react";
export function Fa7SolidBookQuran(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M160 576h288c53 0 96-43 96-96V160c0-53-43-96-96-96H144c-26.5 0-48 21.5-48 48v288c0 20.9 13.4 38.7 32 45.3V512c-17.7 0-32 14.3-32 32s14.3 32 32 32zm288-128c17.7 0 32 14.3 32 32s-14.3 32-32 32H192v-64zm-78.9-239.6c2.5-6.1 11.2-6.1 13.7 0l10.3 24.8l26.8 2.1c6.6.5 9.2 8.7 4.2 13l-20.3 17.6L410 292c1.5 6.4-5.5 11.5-11.1 8.1l-22.9-14l-22.9 14c-5.6 3.4-12.6-1.6-11.1-8.1l6.2-26.1l-20.4-17.5c-5-4.3-2.3-12.5 4.2-13l26.8-2.1l10.3-24.8zM196 256c0-68.5 55.5-124 124-124c23.8 0 46.1 6.7 65 18.4c4.8 2.9 6.9 8.8 5 14.1s-7.1 8.6-12.7 8c-3.1-.3-6.2-.5-9.4-.5c-46.4 0-84 37.6-84 84s37.6 84 84 84c3.2 0 6.3-.2 9.4-.5c5.6-.6 10.8 2.7 12.7 8s-.3 11.2-5 14.1c-18.9 11.7-41.2 18.4-65 18.4c-68.5 0-124-55.5-124-124"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M160 576h288c53 0 96-43 96-96V160c0-53-43-96-96-96H144c-26.5 0-48 21.5-48 48v288c0 20.9 13.4 38.7 32 45.3V512c-17.7 0-32 14.3-32 32s14.3 32 32 32zm288-128c17.7 0 32 14.3 32 32s-14.3 32-32 32H192v-64zm-78.9-239.6c2.5-6.1 11.2-6.1 13.7 0l10.3 24.8l26.8 2.1c6.6.5 9.2 8.7 4.2 13l-20.3 17.6L410 292c1.5 6.4-5.5 11.5-11.1 8.1l-22.9-14l-22.9 14c-5.6 3.4-12.6-1.6-11.1-8.1l6.2-26.1l-20.4-17.5c-5-4.3-2.3-12.5 4.2-13l26.8-2.1l10.3-24.8zM196 256c0-68.5 55.5-124 124-124c23.8 0 46.1 6.7 65 18.4c4.8 2.9 6.9 8.8 5 14.1s-7.1 8.6-12.7 8c-3.1-.3-6.2-.5-9.4-.5c-46.4 0-84 37.6-84 84s37.6 84 84 84c3.2 0 6.3-.2 9.4-.5c5.6-.6 10.8 2.7 12.7 8s-.3 11.2-5 14.1c-18.9 11.7-41.2 18.4-65 18.4c-68.5 0-124-55.5-124-124"/></svg> </template>
CSS
.icon-book-quran {
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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M160%20576h288c53%200%2096-43%2096-96V160c0-53-43-96-96-96H144c-26.5%200-48%2021.5-48%2048v288c0%2020.9%2013.4%2038.7%2032%2045.3V512c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032zm288-128c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032H192v-64zm-78.9-239.6c2.5-6.1%2011.2-6.1%2013.7%200l10.3%2024.8l26.8%202.1c6.6.5%209.2%208.7%204.2%2013l-20.3%2017.6L410%20292c1.5%206.4-5.5%2011.5-11.1%208.1l-22.9-14l-22.9%2014c-5.6%203.4-12.6-1.6-11.1-8.1l6.2-26.1l-20.4-17.5c-5-4.3-2.3-12.5%204.2-13l26.8-2.1l10.3-24.8zM196%20256c0-68.5%2055.5-124%20124-124c23.8%200%2046.1%206.7%2065%2018.4c4.8%202.9%206.9%208.8%205%2014.1s-7.1%208.6-12.7%208c-3.1-.3-6.2-.5-9.4-.5c-46.4%200-84%2037.6-84%2084s37.6%2084%2084%2084c3.2%200%206.3-.2%209.4-.5c5.6-.6%2010.8%202.7%2012.7%208s-.3%2011.2-5%2014.1c-18.9%2011.7-41.2%2018.4-65%2018.4c-68.5%200-124-55.5-124-124%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M160%20576h288c53%200%2096-43%2096-96V160c0-53-43-96-96-96H144c-26.5%200-48%2021.5-48%2048v288c0%2020.9%2013.4%2038.7%2032%2045.3V512c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032zm288-128c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032H192v-64zm-78.9-239.6c2.5-6.1%2011.2-6.1%2013.7%200l10.3%2024.8l26.8%202.1c6.6.5%209.2%208.7%204.2%2013l-20.3%2017.6L410%20292c1.5%206.4-5.5%2011.5-11.1%208.1l-22.9-14l-22.9%2014c-5.6%203.4-12.6-1.6-11.1-8.1l6.2-26.1l-20.4-17.5c-5-4.3-2.3-12.5%204.2-13l26.8-2.1l10.3-24.8zM196%20256c0-68.5%2055.5-124%20124-124c23.8%200%2046.1%206.7%2065%2018.4c4.8%202.9%206.9%208.8%205%2014.1s-7.1%208.6-12.7%208c-3.1-.3-6.2-.5-9.4-.5c-46.4%200-84%2037.6-84%2084s37.6%2084%2084%2084c3.2%200%206.3-.2%209.4-.5c5.6-.6%2010.8%202.7%2012.7%208s-.3%2011.2-5%2014.1c-18.9%2011.7-41.2%2018.4-65%2018.4c-68.5%200-124-55.5-124-124%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/book-quran.svg?color=%231a73e8&size=48
