Church icon
whh:church
The Church icon (whh:church) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 1025 × 1024 grid. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- WebHostingHub Glyphs
- Author
- WebHostingHub
- License
- OFL-1.1
- Size
- 1025 × 1024
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1025" height="1024" viewBox="0 0 1025 1024"><path fill="currentColor" d="M1017 576H449v64h480q13 0 22.5 9.5T961 672v320q0 13-9.5 22.5T929 1024H257V864q0-13-9.5-22.5T225 832t-22.5 9.5T193 864v160H33q-13 0-22.5-9.5T1 992V482q-1-16 8-27l184-177v-86H97q-13 0-22.5-9.5T65 160t9.5-22.5T97 128h96V32q0-13 9.5-22.5T225 0t22.5 9.5T257 32v96h96q13 0 22.5 9.5T385 160t-9.5 22.5T353 192h-96v86l177 170h476q16 0 27 16l84 96q5 7 3.5 11.5t-7.5 4.5M833 864q0 13 9.5 22.5T865 896t22.5-9.5T897 864v-64q0-13-9.5-22.5t-23-9.5t-22.5 9.5t-9 22.5zm-128 0q0 13 9.5 22.5T737 896t22.5-9.5T769 864v-64q0-13-9.5-22.5T737 768t-22.5 9.5T705 800zm-128 0q0 13 9.5 22.5T609 896t22.5-9.5T641 864v-64q0-13-9.5-22.5T609 768t-22.5 9.5T577 800z"/></svg>
How to use the Church icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:church" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:church" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:church" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--church]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:church"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:church"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/whh/church.svg" alt="Church icon" width="24" height="24">
Church icon in other icon sets
Church icon FAQ
Is the Church icon free for commercial use?
Yes. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Church icon in React?
Install @iconify/react and render <Icon icon="whh:church" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Church icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/church.svg" alt="Church icon">, or paste the SVG code inline to style it with CSS.
Browse all WebHostingHub Glyphs icons →
ICONYZ
