mosque icon
mosque-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- mosque-light
- Set
- Phosphor
- Style
- Light
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
Use the mosque icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M224 130a21.84 21.84 0 0 0-10 2.41V128c0-40.71-29.31-60.22-52.87-75.9C146.57 42.41 134 34 134 24a6 6 0 0 0-12 0c0 10-12.57 18.41-27.13 28.1C71.31 67.78 42 87.29 42 128v4.41A22 22 0 0 0 10 152v56a6 6 0 0 0 6 6h64a6 6 0 0 0 6-6v-32a10 10 0 0 1 20 0v32a6 6 0 0 0 6 6h32a6 6 0 0 0 6-6v-32a10 10 0 0 1 20 0v32a6 6 0 0 0 6 6h64a6 6 0 0 0 6-6v-56a22 22 0 0 0-22-22M101.52 62.09c10.37-6.9 20.38-13.56 26.48-21.57c6.1 8 16.11 14.67 26.48 21.57C175.41 76 199 91.71 201.73 122H54.27C57 91.71 80.59 76 101.52 62.09M22 152a10 10 0 0 1 20 0v50H22Zm138 2a22 22 0 0 0-22 22v26h-20v-26a22 22 0 0 0-44 0v26H54v-68h148v68h-20v-26a22 22 0 0 0-22-22m74 48h-20v-50a10 10 0 0 1 20 0Z"/></svg>
React
import type { SVGProps } from "react";
export function PhMosqueLight(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M224 130a21.84 21.84 0 0 0-10 2.41V128c0-40.71-29.31-60.22-52.87-75.9C146.57 42.41 134 34 134 24a6 6 0 0 0-12 0c0 10-12.57 18.41-27.13 28.1C71.31 67.78 42 87.29 42 128v4.41A22 22 0 0 0 10 152v56a6 6 0 0 0 6 6h64a6 6 0 0 0 6-6v-32a10 10 0 0 1 20 0v32a6 6 0 0 0 6 6h32a6 6 0 0 0 6-6v-32a10 10 0 0 1 20 0v32a6 6 0 0 0 6 6h64a6 6 0 0 0 6-6v-56a22 22 0 0 0-22-22M101.52 62.09c10.37-6.9 20.38-13.56 26.48-21.57c6.1 8 16.11 14.67 26.48 21.57C175.41 76 199 91.71 201.73 122H54.27C57 91.71 80.59 76 101.52 62.09M22 152a10 10 0 0 1 20 0v50H22Zm138 2a22 22 0 0 0-22 22v26h-20v-26a22 22 0 0 0-44 0v26H54v-68h148v68h-20v-26a22 22 0 0 0-22-22m74 48h-20v-50a10 10 0 0 1 20 0Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M224 130a21.84 21.84 0 0 0-10 2.41V128c0-40.71-29.31-60.22-52.87-75.9C146.57 42.41 134 34 134 24a6 6 0 0 0-12 0c0 10-12.57 18.41-27.13 28.1C71.31 67.78 42 87.29 42 128v4.41A22 22 0 0 0 10 152v56a6 6 0 0 0 6 6h64a6 6 0 0 0 6-6v-32a10 10 0 0 1 20 0v32a6 6 0 0 0 6 6h32a6 6 0 0 0 6-6v-32a10 10 0 0 1 20 0v32a6 6 0 0 0 6 6h64a6 6 0 0 0 6-6v-56a22 22 0 0 0-22-22M101.52 62.09c10.37-6.9 20.38-13.56 26.48-21.57c6.1 8 16.11 14.67 26.48 21.57C175.41 76 199 91.71 201.73 122H54.27C57 91.71 80.59 76 101.52 62.09M22 152a10 10 0 0 1 20 0v50H22Zm138 2a22 22 0 0 0-22 22v26h-20v-26a22 22 0 0 0-44 0v26H54v-68h148v68h-20v-26a22 22 0 0 0-22-22m74 48h-20v-50a10 10 0 0 1 20 0Z"/></svg> </template>
CSS
.icon-mosque-light {
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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M224%20130a21.84%2021.84%200%200%200-10%202.41V128c0-40.71-29.31-60.22-52.87-75.9C146.57%2042.41%20134%2034%20134%2024a6%206%200%200%200-12%200c0%2010-12.57%2018.41-27.13%2028.1C71.31%2067.78%2042%2087.29%2042%20128v4.41A22%2022%200%200%200%2010%20152v56a6%206%200%200%200%206%206h64a6%206%200%200%200%206-6v-32a10%2010%200%200%201%2020%200v32a6%206%200%200%200%206%206h32a6%206%200%200%200%206-6v-32a10%2010%200%200%201%2020%200v32a6%206%200%200%200%206%206h64a6%206%200%200%200%206-6v-56a22%2022%200%200%200-22-22M101.52%2062.09c10.37-6.9%2020.38-13.56%2026.48-21.57c6.1%208%2016.11%2014.67%2026.48%2021.57C175.41%2076%20199%2091.71%20201.73%20122H54.27C57%2091.71%2080.59%2076%20101.52%2062.09M22%20152a10%2010%200%200%201%2020%200v50H22Zm138%202a22%2022%200%200%200-22%2022v26h-20v-26a22%2022%200%200%200-44%200v26H54v-68h148v68h-20v-26a22%2022%200%200%200-22-22m74%2048h-20v-50a10%2010%200%200%201%2020%200Z%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M224%20130a21.84%2021.84%200%200%200-10%202.41V128c0-40.71-29.31-60.22-52.87-75.9C146.57%2042.41%20134%2034%20134%2024a6%206%200%200%200-12%200c0%2010-12.57%2018.41-27.13%2028.1C71.31%2067.78%2042%2087.29%2042%20128v4.41A22%2022%200%200%200%2010%20152v56a6%206%200%200%200%206%206h64a6%206%200%200%200%206-6v-32a10%2010%200%200%201%2020%200v32a6%206%200%200%200%206%206h32a6%206%200%200%200%206-6v-32a10%2010%200%200%201%2020%200v32a6%206%200%200%200%206%206h64a6%206%200%200%200%206-6v-56a22%2022%200%200%200-22-22M101.52%2062.09c10.37-6.9%2020.38-13.56%2026.48-21.57c6.1%208%2016.11%2014.67%2026.48%2021.57C175.41%2076%20199%2091.71%20201.73%20122H54.27C57%2091.71%2080.59%2076%20101.52%2062.09M22%20152a10%2010%200%200%201%2020%200v50H22Zm138%202a22%2022%200%200%200-22%2022v26h-20v-26a22%2022%200%200%200-44%200v26H54v-68h148v68h-20v-26a22%2022%200%200%200-22-22m74%2048h-20v-50a10%2010%200%200%201%2020%200Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/mosque-light.svg?color=%231a73e8&size=48
