Castle アイコン
fluent-emoji-high-contrast:castle
Castle アイコン(fluent-emoji-high-contrast:castle)は、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"><g fill="currentColor"><path fill-rule="evenodd" d="m15.66 2.225l-2.404 4.808a.6.6 0 0 0-.2-.033h-.447a.616.616 0 0 0-.609.614v3.811c0 .336.167.575.5.575h.5c-.504 0-1 0-1 1v4.083q.249-.082.516-.083h.46a1.65 1.65 0 0 1 1.405.782A1.65 1.65 0 0 1 15.785 17h.5a1.65 1.65 0 0 1 1.404.782A1.65 1.65 0 0 1 19.094 17h.46q.229 0 .446.061V13c0-1-.496-1-1-1h.5c.333 0 .5-.239.5-.575v-3.81A.6.6 0 0 0 19.39 7h-.447a.6.6 0 0 0-.165.022L16.38 2.226a.4.4 0 0 0-.72 0M15 14h2v-1c0-.557-.456-1-1-1c-.557 0-1 .456-1 1z" clip-rule="evenodd"/><path d="M20.109 17.096c.351.125.655.366.85.686A1.65 1.65 0 0 1 22.362 17h.47a1.65 1.65 0 0 1 1.404.782A1.65 1.65 0 0 1 25.642 17h.46a1.65 1.65 0 0 1 1.404.782c.121-.2.285-.369.477-.498l-3.403-6.99c-.242-.392-.918-.392-1.16 0zM3.581 18.18A.64.64 0 0 0 3.13 18h-.47c-.35 0-.66.266-.66.599V30h11v-3.23c0-1.791 1.35-2.77 3-2.77c1.66 0 2.99.989 2.99 2.77V30h11L30 18.599c0-.333-.28-.599-.63-.599h-.46a.64.64 0 0 0-.478.208a.58.58 0 0 0-.151.39c0 .334-.28.6-.63.6h-.29c-.35 0-.63-.267-.63-.6s-.28-.598-.63-.598h-.46c-.35 0-.63.266-.63.599s-.28.599-.629.599h-.29c-.35 0-.63-.267-.63-.6s-.28-.598-.63-.598h-.47c-.35 0-.629.266-.629.599s-.28.599-.63.599h-.29c-.35 0-.63-.267-.63-.6s-.28-.598-.63-.598h-.46c-.349 0-.629.266-.629.599s-.28.599-.63.599h-.29c-.35 0-.63-.267-.63-.6s-.28-.598-.63-.598h-.499c-.35 0-.63.266-.63.599s-.28.599-.63.599h-.29c-.35 0-.63-.267-.63-.6S13.327 18 12.977 18h-.46c-.35 0-.63.266-.63.599s-.28.599-.63.599h-.31c-.35 0-.629-.267-.629-.6s-.28-.598-.63-.598h-.47c-.35 0-.63.266-.63.599s-.28.599-.63.599h-.299c-.35 0-.63-.267-.63-.6S6.748 18 6.398 18h-.46c-.35 0-.63.266-.63.599s-.28.599-.629.599h-.29c-.35 0-.63-.267-.63-.6a.58.58 0 0 0-.178-.418m.446-.916l3.393-6.97c.242-.392.918-.392 1.16 0l3.322 6.825c-.332.132-.617.37-.8.68A1.65 1.65 0 0 0 9.687 17h-.47a1.65 1.65 0 0 0-1.41.79A1.65 1.65 0 0 0 6.399 17h-.46a1.65 1.65 0 0 0-1.404.782a1.6 1.6 0 0 0-.507-.518M7.5 9.19V7.306c0-.205.202-.352.404-.293l2.36 1.127a.125.125 0 0 1 0 .226l-2.35 1.117A.312.312 0 0 1 7.5 9.19m16-1.884V9.19c0 .215.212.361.414.293l2.35-1.117a.125.125 0 0 0 0-.226l-2.36-1.127a.312.312 0 0 0-.404.293"/></g></svg>
Castle アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:castle" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:castle" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:castle" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--castle]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:castle"></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:castle"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/castle.svg" alt="Castle アイコン" width="24" height="24">
Castle アイコン のよくある質問
Castle アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Castle アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:castle" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Castle アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/castle.svg" alt="Castle アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji High Contrast アイコン をすべて見る →
ICONYZ
