book quran icon
book-quran from Font Awesome 6 Solid by Dave Gandy · Regular · CC-BY-4.0 Attribution required.
- Name
- book-quran
- Set
- Font Awesome 6 Solid
- Style
- Regular
- Viewbox
- 448×512
- License
- CC BY 4.0
The same icon in other sets
Related icons in Font Awesome 6 Solid
Use the book quran icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M352 0c53 0 96 43 96 96v320c0 53-43 96-96 96H32c-17.7 0-32-14.3-32-32s14.3-32 32-32v-64c-17.7 0-32-14.3-32-32V32C0 14.3 14.3 0 32 0zm0 384H96v64h256c17.7 0 32-14.3 32-32s-14.3-32-32-32m-77.9-233.8l-8.9 21.4l-23.1 1.9c-5.7.5-8 7.5-3.7 11.2l17.6 15.1l-5.4 22.6c-1.3 5.5 4.7 9.9 9.6 6.9l19.8-12.1l19.8 12.1c4.9 3 10.9-1.4 9.6-6.9l-5.4-22.6l17.6-15.1c4.3-3.7 2-10.8-3.7-11.2l-23.1-1.9l-8.9-21.4c-2.2-5.3-9.6-5.3-11.8 0M96 192c0 70.7 57.3 128 128 128c25.6 0 49.5-7.5 69.5-20.5c3.2-2.1 4.5-6.2 3.1-9.7s-5.2-5.6-9-4.8c-6.1 1.2-12.5 1.9-19 1.9c-52.4 0-94.9-42.5-94.9-94.9s42.5-94.9 94.9-94.9c6.5 0 12.8.7 19 1.9c3.8.8 7.5-1.3 9-4.8s.2-7.6-3.1-9.7c-20-13-43.9-20.5-69.5-20.5c-70.7 0-128 57.3-128 128"/></svg>
React
import type { SVGProps } from "react";
export function Fa6SolidBookQuran(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M352 0c53 0 96 43 96 96v320c0 53-43 96-96 96H32c-17.7 0-32-14.3-32-32s14.3-32 32-32v-64c-17.7 0-32-14.3-32-32V32C0 14.3 14.3 0 32 0zm0 384H96v64h256c17.7 0 32-14.3 32-32s-14.3-32-32-32m-77.9-233.8l-8.9 21.4l-23.1 1.9c-5.7.5-8 7.5-3.7 11.2l17.6 15.1l-5.4 22.6c-1.3 5.5 4.7 9.9 9.6 6.9l19.8-12.1l19.8 12.1c4.9 3 10.9-1.4 9.6-6.9l-5.4-22.6l17.6-15.1c4.3-3.7 2-10.8-3.7-11.2l-23.1-1.9l-8.9-21.4c-2.2-5.3-9.6-5.3-11.8 0M96 192c0 70.7 57.3 128 128 128c25.6 0 49.5-7.5 69.5-20.5c3.2-2.1 4.5-6.2 3.1-9.7s-5.2-5.6-9-4.8c-6.1 1.2-12.5 1.9-19 1.9c-52.4 0-94.9-42.5-94.9-94.9s42.5-94.9 94.9-94.9c6.5 0 12.8.7 19 1.9c3.8.8 7.5-1.3 9-4.8s.2-7.6-3.1-9.7c-20-13-43.9-20.5-69.5-20.5c-70.7 0-128 57.3-128 128"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M352 0c53 0 96 43 96 96v320c0 53-43 96-96 96H32c-17.7 0-32-14.3-32-32s14.3-32 32-32v-64c-17.7 0-32-14.3-32-32V32C0 14.3 14.3 0 32 0zm0 384H96v64h256c17.7 0 32-14.3 32-32s-14.3-32-32-32m-77.9-233.8l-8.9 21.4l-23.1 1.9c-5.7.5-8 7.5-3.7 11.2l17.6 15.1l-5.4 22.6c-1.3 5.5 4.7 9.9 9.6 6.9l19.8-12.1l19.8 12.1c4.9 3 10.9-1.4 9.6-6.9l-5.4-22.6l17.6-15.1c4.3-3.7 2-10.8-3.7-11.2l-23.1-1.9l-8.9-21.4c-2.2-5.3-9.6-5.3-11.8 0M96 192c0 70.7 57.3 128 128 128c25.6 0 49.5-7.5 69.5-20.5c3.2-2.1 4.5-6.2 3.1-9.7s-5.2-5.6-9-4.8c-6.1 1.2-12.5 1.9-19 1.9c-52.4 0-94.9-42.5-94.9-94.9s42.5-94.9 94.9-94.9c6.5 0 12.8.7 19 1.9c3.8.8 7.5-1.3 9-4.8s.2-7.6-3.1-9.7c-20-13-43.9-20.5-69.5-20.5c-70.7 0-128 57.3-128 128"/></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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M352%200c53%200%2096%2043%2096%2096v320c0%2053-43%2096-96%2096H32c-17.7%200-32-14.3-32-32s14.3-32%2032-32v-64c-17.7%200-32-14.3-32-32V32C0%2014.3%2014.3%200%2032%200zm0%20384H96v64h256c17.7%200%2032-14.3%2032-32s-14.3-32-32-32m-77.9-233.8l-8.9%2021.4l-23.1%201.9c-5.7.5-8%207.5-3.7%2011.2l17.6%2015.1l-5.4%2022.6c-1.3%205.5%204.7%209.9%209.6%206.9l19.8-12.1l19.8%2012.1c4.9%203%2010.9-1.4%209.6-6.9l-5.4-22.6l17.6-15.1c4.3-3.7%202-10.8-3.7-11.2l-23.1-1.9l-8.9-21.4c-2.2-5.3-9.6-5.3-11.8%200M96%20192c0%2070.7%2057.3%20128%20128%20128c25.6%200%2049.5-7.5%2069.5-20.5c3.2-2.1%204.5-6.2%203.1-9.7s-5.2-5.6-9-4.8c-6.1%201.2-12.5%201.9-19%201.9c-52.4%200-94.9-42.5-94.9-94.9s42.5-94.9%2094.9-94.9c6.5%200%2012.8.7%2019%201.9c3.8.8%207.5-1.3%209-4.8s.2-7.6-3.1-9.7c-20-13-43.9-20.5-69.5-20.5c-70.7%200-128%2057.3-128%20128%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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M352%200c53%200%2096%2043%2096%2096v320c0%2053-43%2096-96%2096H32c-17.7%200-32-14.3-32-32s14.3-32%2032-32v-64c-17.7%200-32-14.3-32-32V32C0%2014.3%2014.3%200%2032%200zm0%20384H96v64h256c17.7%200%2032-14.3%2032-32s-14.3-32-32-32m-77.9-233.8l-8.9%2021.4l-23.1%201.9c-5.7.5-8%207.5-3.7%2011.2l17.6%2015.1l-5.4%2022.6c-1.3%205.5%204.7%209.9%209.6%206.9l19.8-12.1l19.8%2012.1c4.9%203%2010.9-1.4%209.6-6.9l-5.4-22.6l17.6-15.1c4.3-3.7%202-10.8-3.7-11.2l-23.1-1.9l-8.9-21.4c-2.2-5.3-9.6-5.3-11.8%200M96%20192c0%2070.7%2057.3%20128%20128%20128c25.6%200%2049.5-7.5%2069.5-20.5c3.2-2.1%204.5-6.2%203.1-9.7s-5.2-5.6-9-4.8c-6.1%201.2-12.5%201.9-19%201.9c-52.4%200-94.9-42.5-94.9-94.9s42.5-94.9%2094.9-94.9c6.5%200%2012.8.7%2019%201.9c3.8.8%207.5-1.3%209-4.8s.2-7.6-3.1-9.7c-20-13-43.9-20.5-69.5-20.5c-70.7%200-128%2057.3-128%20128%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-solid/book-quran.svg?color=%231a73e8&size=48
