Church アイコン
fluent-emoji-high-contrast:church
Church アイコン(fluent-emoji-high-contrast:church)は、Fluent Emoji High Contrast セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji High Contrast
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- 旅行・場所
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M16.52 3v-.5c0-.28-.22-.5-.5-.5s-.5.22-.5.5V3h-.5c-.28 0-.5.22-.5.5s.22.5.5.5h.5v2.082q-.211.072-.4.208l-5.89 4.2c-.22.16-.35.41-.35.68a.85.85 0 0 0 1.15.778v5.703L2.41 22.41c-.24.15-.38.4-.38.68h-.01v.11c0 .63.7 1.02 1.23.68l.78-.493v4.603h-.69c-.74 0-1.34.6-1.34 1.34v.66h2.03V30h24v-.01h2v-.66c0-.74-.6-1.34-1.34-1.34h-.66v-4.7l.77.48a.801.801 0 1 0 .85-1.36l-7.62-4.766v-5.696a.83.83 0 0 0 1.13-.778c0-.27-.13-.52-.35-.68l-5.89-4.2q-.189-.136-.4-.208V4h.5c.28 0 .5-.22.5-.5c0-.27-.23-.5-.5-.5zm1.51 12.142l-.61-.382c-.84-.53-1.91-.53-2.76 0l-.63.393V13c0-1.1.9-2 2-2s2 .9 2 2zm5.14 9.438v3.41h-3.16v-3.41c0-.87.71-1.58 1.58-1.58s1.58.71 1.58 1.58M18.03 22v5.99h-4V22c0-1.1.9-2 2-2s2 .9 2 2m-6.01 2.57v3.42H8.89v-3.42c0-.87.7-1.57 1.57-1.57s1.57.7 1.57 1.57z"/></svg>
Church アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:church" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:church" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:church" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--church]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:church"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:church"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/church.svg" alt="Church アイコン" width="24" height="24">
Church アイコン のよくある質問
Church アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Church アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:church" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Church アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/church.svg" alt="Church アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji High Contrast アイコン をすべて見る →
ICONYZ
