Chapel icon

file-icons:chapel

The Chapel icon (file-icons:chapel) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 512 × 512 grid. File Icons are released under the ISC 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: File Icons
Author: John Gardner
License: ISC
Size: 512 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M272.391 21.101c29.172 0 57.065 5.598 82.728 15.784l-9.678 21.87c-22.703-8.839-47.322-13.692-73.05-13.692c-72.814 0-136.796 38.757-173.38 97.242l-20.437-11.699c40.612-65.803 112.23-109.505 193.817-109.505M488.053 386.36c-43.935 71.75-123.042 119.63-213.338 119.63c-32.637 0-63.809-6.262-92.39-17.637l10.878-28.454C110.963 428.233 52.781 349.792 52.781 256c0-36.237 8.69-70.444 24.091-100.656l-19.788-11.258C97.709 65.244 179.913 11.324 274.714 11.324c37.211 0 72.473 8.322 104.05 23.181L370.39 55.71c33.368 15.973 62.128 40.03 83.731 69.646l28.37-18.914C436.004 41.974 360.266 0 274.715 0c-141.385 0-256 114.615-256 256s114.615 256 256 256c92.535 0 173.597-49.1 218.57-122.666zm4.366-23.51l-25.753-10.555c-35.15 70.914-107.896 119.628-191.951 119.628c-22.131 0-43.479-3.38-63.564-9.648l-9.177 25.266c23.553 7.844 48.713 12.103 74.858 12.103c94.825 0 176.774-55.823 215.587-136.794m-81.697 9.976c-33.02 37.853-81.706 61.788-136.007 61.788c-99.464 0-180.096-80.3-180.096-179.354S175.251 75.904 274.715 75.904c53.839 0 102.151 23.536 135.153 60.83l19.495-16.722a206.7 206.7 0 0 0-64.866-49.384l-1.37 3.466c-26.11-12.067-55.24-18.82-85.972-18.82c-79.435 0-148.212 45.046-181.616 110.689l-4.745-2.7C76.713 191.137 68.771 222.64 68.771 256c0 113.74 92.204 205.944 205.944 205.944c62.842 0 119.1-28.156 156.875-72.531zm-9.988-32.36l9.634 7.966c-28.807 40.579-79.593 69.385-135.653 69.385c-8.23 0-16.314-.6-24.217-1.745v-11.787C179.321 392.342 125.113 330.936 125.113 256c0-74.908 54.167-137.1 125.305-149.242V94.216c73.855-7.163 128.004 20.244 165.704 75.751l-11.106 7.978c1.163 1.937 2.3 3.892 3.378 5.884l18.037-8.39c-28.705-54.012-85.364-90.774-150.58-90.774c-94.213 0-170.587 76.71-170.587 171.335s76.374 171.335 170.587 171.335c60.949 0 114.422-32.111 144.591-80.4l-16.847-10.831a150 150 0 0 1-2.861 4.361M266.49 409.8c52.479 2.135 95.338-16.854 128.513-57.111l-15.363-12.358c-28.447 34.04-66.236 50.381-113.15 49.43zm-1.017-307.712v18.86c49.52-4.088 88.834 16.073 120.666 54.011l16.075-11.788c-35.045-41.837-79.695-64.096-136.74-61.083m86.872 250.58l-7.265-8.756c-18.472 13.75-41.35 21.926-66.125 21.926c-61.325 0-111.038-50.077-111.038-110.85c0-60.771 49.713-110.037 111.038-110.037c19.868 0 38.514 5.176 54.648 14.234l8.603-7.23c-18.539-11.427-40.378-18.027-63.764-18.027c-67.141 0-121.57 54.355-121.57 121.404c0 17.84 3.854 34.805 10.776 50.09l-11.143 5.862c16.38 37.418 49.623 65.598 89.987 74.691l3.158-12.571a120.7 120.7 0 0 0 28.792 3.332c28.504-.135 53.837-9.056 73.903-24.067"/></svg>

How to use the Chapel icon

React

import { Icon } from "@iconify/react";

<Icon icon="file-icons:chapel" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="file-icons:chapel" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="file-icons:chapel" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--chapel]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:chapel"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="file-icons:chapel"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/file-icons/chapel.svg" alt="Chapel icon" width="24" height="24">

Chapel icon in other icon sets

Chapel icon FAQ

Is the Chapel icon free for commercial use?

Yes. File Icons are released under the ISC license, which allows use in personal and commercial projects.

How do I use the Chapel icon in React?

Install @iconify/react and render <Icon icon="file-icons:chapel" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Chapel icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/chapel.svg" alt="Chapel icon">, or paste the SVG code inline to style it with CSS.

Browse all File Icons →