Castle アイコン
noto-v1:castle
Castle アイコン(noto-v1:castle)は、Noto Emoji (v1) セットの無料 SVG アイコンです（作者: Google Inc）。 128 × 128 のグリッドで描かれています。 Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Noto Emoji (v1)
- 作者
- Google Inc
- ライセンス
- Apache-2.0
- サイズ
- 128 × 128
- カテゴリ
- 旅行・場所
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><g fill="#fcc21b"><path d="M98.5 57.55c-.87 0-1.57-.7-1.57-1.57V35.45c0-.87.7-1.57 1.57-1.57s1.57.7 1.57 1.57v20.53c0 .86-.71 1.57-1.57 1.57"/><path d="M98.5 44.74v-9.29l11.48 4.64z"/><path d="M98.5 46.31a1.57 1.57 0 0 1-1.57-1.57v-9.3a1.567 1.567 0 0 1 2.16-1.45l11.48 4.65c.59.24.98.81.98 1.45s-.39 1.21-.98 1.45L99.08 46.2c-.18.07-.38.11-.58.11m1.57-8.54v4.64l5.73-2.32z"/></g><path fill="#fff" d="M89.55 72.93h17.87v30.67H89.55z"/><path fill="#78a3ad" d="M106.74 105.12H90.22c-.84 0-1.52-.68-1.52-1.52V72.93c0-.84.68-1.52 1.52-1.52h16.53c.84 0 1.52.68 1.52 1.52v30.67c-.01.84-.69 1.52-1.53 1.52m-15-3.04h13.49V74.45H91.74z"/><path fill="#78a3ad" d="M96.44 79.18h4.11v5.54h-4.11z"/><path fill="#40c0e7" d="m96.85 55.5l-9.57 16.12l1.28 2.98h19.88l1.28-2.98l-9.57-16.12z"/><g fill="#fcc21b"><path d="M28.87 57.55c-.87 0-1.57-.7-1.57-1.57V35.45c0-.87.7-1.57 1.57-1.57s1.56.7 1.56 1.57v20.53c.01.86-.69 1.57-1.56 1.57"/><path d="M28.87 44.74v-9.29l11.48 4.64z"/><path d="M28.87 46.31a1.57 1.57 0 0 1-1.57-1.57v-9.3a1.567 1.567 0 0 1 2.16-1.45l11.48 4.65c.59.24.98.81.98 1.45s-.39 1.21-.98 1.45L29.46 46.2c-.19.07-.39.11-.59.11m1.57-8.54v4.64l5.74-2.32z"/></g><path fill="#fff" d="M19.92 72.93h17.87v30.67H19.92z"/><path fill="#78a3ad" d="M37.12 105.12H20.59c-.84 0-1.52-.68-1.52-1.52V72.93c0-.84.68-1.52 1.52-1.52h16.53c.84 0 1.52.68 1.52 1.52v30.67c-.01.84-.69 1.52-1.52 1.52m-15.01-3.04h13.48V74.45H22.11z"/><path fill="#78a3ad" d="M26.82 79.18h4.1v5.54h-4.1z"/><path fill="#40c0e7" d="m27.22 55.5l-9.57 16.12l1.28 2.98h19.88l1.28-2.98l-9.57-16.12z"/><g fill="#fcc21b"><path d="M63.64 26.14c-.87 0-1.57-.7-1.57-1.57V4.04c0-.87.7-1.57 1.57-1.57s1.57.7 1.57 1.57v20.53c0 .86-.7 1.57-1.57 1.57"/><path d="M63.64 13.33V4.04l11.49 4.65z"/><path d="M63.64 14.9a1.57 1.57 0 0 1-1.57-1.57v-9.3a1.567 1.567 0 0 1 2.16-1.45l11.48 4.65c.59.24.98.81.98 1.45s-.39 1.22-.98 1.45l-11.48 4.65c-.19.08-.39.12-.59.12m1.57-8.54V11l5.73-2.32z"/></g><path fill="#fff" d="M54.69 41.52h17.87v30.67H54.69z"/><path fill="#78a3ad" d="M71.89 73.71H55.37c-.84 0-1.52-.68-1.52-1.52V41.52c0-.84.68-1.52 1.52-1.52h16.52c.84 0 1.52.68 1.52 1.52v30.67c0 .84-.68 1.52-1.52 1.52m-15-3.04h13.48V43.04H56.89z"/><path fill="#78a3ad" d="M61.59 47.77h4.1v5.54h-4.1z"/><path fill="#40c0e7" d="m62 24.09l-9.57 16.12l1.27 2.98h19.89l1.28-2.98l-9.58-16.12z"/><g fill="#78a3ad"><path d="M42.58 68.51v12.18l6.86 6.74v10.51h28.12V87.43l6.87-6.74V68.51z"/><path d="M42.58 65.06h5.04v4.76h-5.04zm36.81 0h5.04v4.76h-5.04zm-18.3 0h5.04v4.76h-5.04zm-9.27 0h5.04v4.76h-5.04zm18.4 0h5.04v4.76h-5.04zm41.33 31.24v-1.74h-95.1v1.74L11.12 128h45.75v-13.59c0-1.31 1.07-2.37 2.37-2.37h9.52c1.31 0 2.38 1.07 2.38 2.37V128h45.75z"/><path d="M16.45 91.54h5.04v4.76h-5.04zm24.29 0h5.04v4.76h-5.04zm-12.55 0h5.04v4.76h-5.04zm53.72 0h5.04v4.76h-5.04zm-28.4 0h5.04v4.76h-5.04zm14.9 0h5.04v4.76h-5.04zm38.1 0h5.04v4.76h-5.04zm-12.55 0H99v4.76h-5.04z"/></g></svg>
Castle アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="noto-v1:castle" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto-v1:castle" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto-v1:castle" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--castle]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:castle"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto-v1:castle"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/noto-v1/castle.svg" alt="Castle アイコン" width="24" height="24">
Castle アイコン のよくある質問
Castle アイコンは商用利用でも無料ですか?
はい。Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Castle アイコンを使うには?
@iconify/react をインストールして <Icon icon="noto-v1:castle" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Castle アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/noto-v1/castle.svg" alt="Castle アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Noto Emoji (v1) アイコン をすべて見る →
ICONYZ
