Church アイコン
fluent-emoji-flat:church
Church アイコン(fluent-emoji-flat:church)は、Fluent Emoji Flat セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji Flat
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- 旅行・場所
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#ffce7c" d="M20.824 18h1.206v-6.47L16.02 7l-5.99 4.53V18h1.194L4.03 22.5V29h24v-6.5z"/><path fill="#321b41" d="M18.03 22c0-1.1-.9-2-2-2s-2 .9-2 2v6h4z"/><path fill="#00a6ed" d="M14.45 16c-.23 0-.42-.19-.42-.42V13c0-1.1.9-2 2-2s2 .9 2 2v2.58c0 .23-.19.42-.42.42zm-2.42 8.57c0-.87-.7-1.57-1.57-1.57s-1.57.7-1.57 1.57V28h3.13v-3.43zM21.59 23c.87 0 1.58.71 1.58 1.58V28h-3.16v-3.42c0-.87.71-1.58 1.58-1.58"/><path fill="#8c5543" d="M16.52 3h.5c.27 0 .5.23.5.5c0 .28-.22.5-.5.5h-.5v2.082q.211.073.4.208l5.89 4.2c.22.16.35.41.35.68a.83.83 0 0 1-1.31.68L16.8 8.24c-.46-.33-1.08-.33-1.54 0l-5.05 3.61c-.55.39-1.31 0-1.33-.68c0-.27.13-.52.35-.68l5.89-4.2q.189-.136.4-.208V4h-.5c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h.5v-.5c0-.28.22-.5.5-.5s.5.22.5.5zm13.51 26.99H2v-.66c0-.74.6-1.34 1.34-1.34h25.35c.74 0 1.34.6 1.34 1.34zM2.41 22.41c-.24.15-.38.4-.38.68h-.01v.11c0 .63.7 1.02 1.23.68l11.13-7.03c1.33-.79 1.88-.8 3.31 0l11.11 6.92a.801.801 0 1 0 .85-1.36l-12.23-7.65c-.84-.53-1.91-.53-2.76 0z"/></g></svg>
Church アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:church" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:church" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:church" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--church]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:church"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:church"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/church.svg" alt="Church アイコン" width="24" height="24">
Church アイコン のよくある質問
Church アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Church アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:church" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Church アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/church.svg" alt="Church アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji Flat アイコン をすべて見る →
ICONYZ
