church icon

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

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

The same icon in other sets

churchBoxIcons v2churchBoxIcons v2 SolidchurchEmoji One (Colored)churchFont Awesome SolidchurchFluent EmojichurchFluent Emoji FlatchurchFluent Emoji High ContrastchurchFirefox OS EmojichurchHealth IconschurchHuge IconschurchIconoirchurchLine AwesomechurchLucidechurchMajesticonschurchMaterial SymbolschurchMaterial Symbols LightchurchMaterial Design Iconschurch-fillMingCute IconchurchNoto EmojichurchOpenMojichurchPhosphorchurchTDesign Iconschurch-outlineTeenyiconschurchTwitter Emoji

More buildings icons from Font Awesome 6 Solid

archwaybuildingcitydungeongopuramhospitalhospital-userhoteliglooindustrykaabalandmarkmonumentmosqueplace-of-worshipschoolstoresynagoguetorii-gateviharawarehouse

Use the church icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M344 24c0-13.3-10.7-24-24-24s-24 10.7-24 24v24h-32c-13.3 0-24 10.7-24 24s10.7 24 24 24h32v46.4L183.3 210c-14.5 8.7-23.3 24.3-23.3 41.2V512h96v-96c0-35.3 28.7-64 64-64s64 28.7 64 64v96h96V251.2c0-16.9-8.8-32.5-23.3-41.2L344 142.4V96h32c13.3 0 24-10.7 24-24s-10.7-24-24-24h-32zM24.9 330.3C9.5 338.8 0 354.9 0 372.4V464c0 26.5 21.5 48 48 48h80V273.6zM592 512c26.5 0 48-21.5 48-48v-91.6c0-17.5-9.5-33.6-24.9-42.1L512 273.6V512z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidChurch(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="M344 24c0-13.3-10.7-24-24-24s-24 10.7-24 24v24h-32c-13.3 0-24 10.7-24 24s10.7 24 24 24h32v46.4L183.3 210c-14.5 8.7-23.3 24.3-23.3 41.2V512h96v-96c0-35.3 28.7-64 64-64s64 28.7 64 64v96h96V251.2c0-16.9-8.8-32.5-23.3-41.2L344 142.4V96h32c13.3 0 24-10.7 24-24s-10.7-24-24-24h-32zM24.9 330.3C9.5 338.8 0 354.9 0 372.4V464c0 26.5 21.5 48 48 48h80V273.6zM592 512c26.5 0 48-21.5 48-48v-91.6c0-17.5-9.5-33.6-24.9-42.1L512 273.6V512z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M344 24c0-13.3-10.7-24-24-24s-24 10.7-24 24v24h-32c-13.3 0-24 10.7-24 24s10.7 24 24 24h32v46.4L183.3 210c-14.5 8.7-23.3 24.3-23.3 41.2V512h96v-96c0-35.3 28.7-64 64-64s64 28.7 64 64v96h96V251.2c0-16.9-8.8-32.5-23.3-41.2L344 142.4V96h32c13.3 0 24-10.7 24-24s-10.7-24-24-24h-32zM24.9 330.3C9.5 338.8 0 354.9 0 372.4V464c0 26.5 21.5 48 48 48h80V273.6zM592 512c26.5 0 48-21.5 48-48v-91.6c0-17.5-9.5-33.6-24.9-42.1L512 273.6V512z"/></svg>
</template>

CSS

.icon-church {
  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%22M344%2024c0-13.3-10.7-24-24-24s-24%2010.7-24%2024v24h-32c-13.3%200-24%2010.7-24%2024s10.7%2024%2024%2024h32v46.4L183.3%20210c-14.5%208.7-23.3%2024.3-23.3%2041.2V512h96v-96c0-35.3%2028.7-64%2064-64s64%2028.7%2064%2064v96h96V251.2c0-16.9-8.8-32.5-23.3-41.2L344%20142.4V96h32c13.3%200%2024-10.7%2024-24s-10.7-24-24-24h-32zM24.9%20330.3C9.5%20338.8%200%20354.9%200%20372.4V464c0%2026.5%2021.5%2048%2048%2048h80V273.6zM592%20512c26.5%200%2048-21.5%2048-48v-91.6c0-17.5-9.5-33.6-24.9-42.1L512%20273.6V512z%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%22M344%2024c0-13.3-10.7-24-24-24s-24%2010.7-24%2024v24h-32c-13.3%200-24%2010.7-24%2024s10.7%2024%2024%2024h32v46.4L183.3%20210c-14.5%208.7-23.3%2024.3-23.3%2041.2V512h96v-96c0-35.3%2028.7-64%2064-64s64%2028.7%2064%2064v96h96V251.2c0-16.9-8.8-32.5-23.3-41.2L344%20142.4V96h32c13.3%200%2024-10.7%2024-24s-10.7-24-24-24h-32zM24.9%20330.3C9.5%20338.8%200%20354.9%200%20372.4V464c0%2026.5%2021.5%2048%2048%2048h80V273.6zM592%20512c26.5%200%2048-21.5%2048-48v-91.6c0-17.5-9.5-33.6-24.9-42.1L512%20273.6V512z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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