mosque icon

mosque from Font Awesome 6 Solid by Dave Gandy · Regular · Buildings · CC-BY-4.0 Attribution required.

Name
mosque
Set
Font Awesome 6 Solid
Style
Regular
Category
Buildings
Viewbox
640×512
License
CC BY 4.0

The same icon in other sets

mosqueEmoji One (Colored)mosqueFont Awesome SolidmosqueFluent EmojimosqueFluent Emoji FlatmosqueFluent Emoji High ContrastmosqueHealth IconsmosqueLine AwesomemosqueLucidemosqueMaterial SymbolsmosqueMaterial Symbols LightmosqueMaterial Design IconsmosqueNoto EmojimosqueOpenMojimosquePhosphormosqueTabler IconsmosqueTDesign IconsmosqueTwitter Emoji

More buildings icons from Font Awesome 6 Solid

archwaybuildingchurchcitydungeongopuramhospitalhospital-userhoteliglooindustrykaabalandmarkmonumentplace-of-worshipschoolstoresynagoguetorii-gateviharawarehouse

Use the mosque icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M400 0c5 0 9.8 2.4 12.8 6.4c34.7 46.3 78.1 74.9 133.5 111.5c5.2 3.4 10.5 7 16 10.6c28.9 19.2 45.7 51.7 45.7 86.1c0 28.6-11.3 54.5-29.8 73.4H221.8c-18.4-19-29.8-44.9-29.8-73.4c0-34.4 16.7-66.9 45.7-86.1c5.4-3.6 10.8-7.1 16-10.6c55.4-36.6 98.8-65.2 133.5-111.5c3-4 7.8-6.4 12.8-6.4M288 512v-72c0-13.3-10.7-24-24-24s-24 10.7-24 24v72h-48c-17.7 0-32-14.3-32-32V352c0-17.7 14.3-32 32-32h416c17.7 0 32 14.3 32 32v128c0 17.7-14.3 32-32 32h-48v-72c0-13.3-10.7-24-24-24s-24 10.7-24 24v72h-64v-58c0-19-8.4-37-23-49.2L400 384l-25 20.8C360.4 417 352 435 352 454v58zM70.4 5.2a15.9 15.9 0 0 1 19.2 0l16 12C139.8 42.9 160 83.2 160 126v2H0v-2C0 83.2 20.2 42.9 54.4 17.2zM0 160h160v136.6c-19.1 11.1-32 31.7-32 55.4v128c0 9.6 2.1 18.6 5.8 26.8c-6.6 3.4-14 5.2-21.8 5.2H48c-26.5 0-48-21.5-48-48z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidMosque(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M400 0c5 0 9.8 2.4 12.8 6.4c34.7 46.3 78.1 74.9 133.5 111.5c5.2 3.4 10.5 7 16 10.6c28.9 19.2 45.7 51.7 45.7 86.1c0 28.6-11.3 54.5-29.8 73.4H221.8c-18.4-19-29.8-44.9-29.8-73.4c0-34.4 16.7-66.9 45.7-86.1c5.4-3.6 10.8-7.1 16-10.6c55.4-36.6 98.8-65.2 133.5-111.5c3-4 7.8-6.4 12.8-6.4M288 512v-72c0-13.3-10.7-24-24-24s-24 10.7-24 24v72h-48c-17.7 0-32-14.3-32-32V352c0-17.7 14.3-32 32-32h416c17.7 0 32 14.3 32 32v128c0 17.7-14.3 32-32 32h-48v-72c0-13.3-10.7-24-24-24s-24 10.7-24 24v72h-64v-58c0-19-8.4-37-23-49.2L400 384l-25 20.8C360.4 417 352 435 352 454v58zM70.4 5.2a15.9 15.9 0 0 1 19.2 0l16 12C139.8 42.9 160 83.2 160 126v2H0v-2C0 83.2 20.2 42.9 54.4 17.2zM0 160h160v136.6c-19.1 11.1-32 31.7-32 55.4v128c0 9.6 2.1 18.6 5.8 26.8c-6.6 3.4-14 5.2-21.8 5.2H48c-26.5 0-48-21.5-48-48z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M400 0c5 0 9.8 2.4 12.8 6.4c34.7 46.3 78.1 74.9 133.5 111.5c5.2 3.4 10.5 7 16 10.6c28.9 19.2 45.7 51.7 45.7 86.1c0 28.6-11.3 54.5-29.8 73.4H221.8c-18.4-19-29.8-44.9-29.8-73.4c0-34.4 16.7-66.9 45.7-86.1c5.4-3.6 10.8-7.1 16-10.6c55.4-36.6 98.8-65.2 133.5-111.5c3-4 7.8-6.4 12.8-6.4M288 512v-72c0-13.3-10.7-24-24-24s-24 10.7-24 24v72h-48c-17.7 0-32-14.3-32-32V352c0-17.7 14.3-32 32-32h416c17.7 0 32 14.3 32 32v128c0 17.7-14.3 32-32 32h-48v-72c0-13.3-10.7-24-24-24s-24 10.7-24 24v72h-64v-58c0-19-8.4-37-23-49.2L400 384l-25 20.8C360.4 417 352 435 352 454v58zM70.4 5.2a15.9 15.9 0 0 1 19.2 0l16 12C139.8 42.9 160 83.2 160 126v2H0v-2C0 83.2 20.2 42.9 54.4 17.2zM0 160h160v136.6c-19.1 11.1-32 31.7-32 55.4v128c0 9.6 2.1 18.6 5.8 26.8c-6.6 3.4-14 5.2-21.8 5.2H48c-26.5 0-48-21.5-48-48z"/></svg>
</template>

CSS

.icon-mosque {
  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%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M400%200c5%200%209.8%202.4%2012.8%206.4c34.7%2046.3%2078.1%2074.9%20133.5%20111.5c5.2%203.4%2010.5%207%2016%2010.6c28.9%2019.2%2045.7%2051.7%2045.7%2086.1c0%2028.6-11.3%2054.5-29.8%2073.4H221.8c-18.4-19-29.8-44.9-29.8-73.4c0-34.4%2016.7-66.9%2045.7-86.1c5.4-3.6%2010.8-7.1%2016-10.6c55.4-36.6%2098.8-65.2%20133.5-111.5c3-4%207.8-6.4%2012.8-6.4M288%20512v-72c0-13.3-10.7-24-24-24s-24%2010.7-24%2024v72h-48c-17.7%200-32-14.3-32-32V352c0-17.7%2014.3-32%2032-32h416c17.7%200%2032%2014.3%2032%2032v128c0%2017.7-14.3%2032-32%2032h-48v-72c0-13.3-10.7-24-24-24s-24%2010.7-24%2024v72h-64v-58c0-19-8.4-37-23-49.2L400%20384l-25%2020.8C360.4%20417%20352%20435%20352%20454v58zM70.4%205.2a15.9%2015.9%200%200%201%2019.2%200l16%2012C139.8%2042.9%20160%2083.2%20160%20126v2H0v-2C0%2083.2%2020.2%2042.9%2054.4%2017.2zM0%20160h160v136.6c-19.1%2011.1-32%2031.7-32%2055.4v128c0%209.6%202.1%2018.6%205.8%2026.8c-6.6%203.4-14%205.2-21.8%205.2H48c-26.5%200-48-21.5-48-48z%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%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M400%200c5%200%209.8%202.4%2012.8%206.4c34.7%2046.3%2078.1%2074.9%20133.5%20111.5c5.2%203.4%2010.5%207%2016%2010.6c28.9%2019.2%2045.7%2051.7%2045.7%2086.1c0%2028.6-11.3%2054.5-29.8%2073.4H221.8c-18.4-19-29.8-44.9-29.8-73.4c0-34.4%2016.7-66.9%2045.7-86.1c5.4-3.6%2010.8-7.1%2016-10.6c55.4-36.6%2098.8-65.2%20133.5-111.5c3-4%207.8-6.4%2012.8-6.4M288%20512v-72c0-13.3-10.7-24-24-24s-24%2010.7-24%2024v72h-48c-17.7%200-32-14.3-32-32V352c0-17.7%2014.3-32%2032-32h416c17.7%200%2032%2014.3%2032%2032v128c0%2017.7-14.3%2032-32%2032h-48v-72c0-13.3-10.7-24-24-24s-24%2010.7-24%2024v72h-64v-58c0-19-8.4-37-23-49.2L400%20384l-25%2020.8C360.4%20417%20352%20435%20352%20454v58zM70.4%205.2a15.9%2015.9%200%200%201%2019.2%200l16%2012C139.8%2042.9%20160%2083.2%20160%20126v2H0v-2C0%2083.2%2020.2%2042.9%2054.4%2017.2zM0%20160h160v136.6c-19.1%2011.1-32%2031.7-32%2055.4v128c0%209.6%202.1%2018.6%205.8%2026.8c-6.6%203.4-14%205.2-21.8%205.2H48c-26.5%200-48-21.5-48-48z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-solid/mosque.svg?color=%231a73e8&size=48