import * as React from "react";
import { SVGProps } from "react";

const SvgMosque = (props: SVGProps<SVGSVGElement>) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="1em"
    height="1em"
    viewBox="0 0 24 24"
    {...props}
  >
    <path d="M24 7c0-1.1-2-3-2-3s-2 1.9-2 3c0 .7.4 1.4 1 1.7V13h-2v-2c0-.9-.7-1.7-1.5-1.9.3-.6.5-1.2.5-2 0-1.3-.6-2.5-1.7-3.2L12 1 7.7 3.8c-1 .8-1.7 2-1.7 3.3 0 .7.2 1.4.6 2-.9.2-1.6 1-1.6 1.9v2H3V8.7c.6-.3 1-1 1-1.7 0-1.1-2-3-2-3S0 5.9 0 7c0 .7.4 1.4 1 1.7V21h10v-4c0-.5.4-1 1-1s1 .5 1 1v4h10V8.7c.6-.3 1-1 1-1.7M8.9 5.5 12 3.4l3.1 2.1c.6.4.9.9.9 1.6 0 1-.9 1.9-1.9 1.9H9.9C8.9 9 8 8.1 8 7.1c0-.7.3-1.2.9-1.6M21 19h-6v-2c0-1.6-1.4-3-3-3s-3 1.4-3 3v2H3v-4h4v-4h10v4h4v4Z" />
  </svg>
);

export default SvgMosque;
