Japanese Castle アイコン
noto-v1:japanese-castle
Japanese Castle アイコン(noto-v1:japanese-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
- カテゴリ
- 旅行・場所
- タグ
- japanesecastle
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#78a3ad" d="M124.36 128H3.64c-.44 0-.83-.26-.99-.67c-.16-.4-.07-.87.25-1.17c6.37-6.15 12.49-27.67 12.55-27.88c.13-.46.55-.78 1.03-.78h95.05c.51 0 .94.36 1.04.84c.33 1.17 6.32 21.83 12.53 27.82c.32.3.41.76.25 1.17s-.55.67-.99.67"/><path fill="#fff" d="M18.38 74.6h91.24v24.06H18.38z"/><path fill="#78a3ad" d="M106.19 79.93v18.73H21.81V79.93zm5.33-5.33H16.48v24.06h95.05V74.6z"/><path fill="#fff" d="M30.3 49.52h67.4v21.62H30.3z"/><path fill="#78a3ad" d="M92.37 54.85V65.8H35.64V54.85zm5.34-5.33H30.3v21.62h67.4V49.52z"/><path fill="#fff" d="M39.75 23.58h48.5v29.64h-48.5z"/><path fill="#78a3ad" d="M82.92 28.92v18.97H45.08V28.92zm5.33-5.34h-48.5v29.64h48.5z"/><defs><path id="SVGzCiBSbVC" d="M93.64 45.27H34.37s-4.71 7.38-15.48 7.38c0 0 2.62 1.76 5.28 1.76h79.66c2.67 0 5.28-1.76 5.28-1.76c-10.77 0-15.47-7.38-15.47-7.38"/><path id="SVG5ew5JsnL" d="M103.83 55.47H24.17c-2.95 0-5.76-1.86-5.88-1.94c-.39-.26-.56-.75-.43-1.2c.14-.45.55-.76 1.03-.76c10.08 0 14.54-6.82 14.58-6.89c.19-.31.53-.49.9-.49h59.27c.36 0 .7.19.9.49c.18.28 4.56 6.89 14.58 6.89c.47 0 .88.31 1.03.76c.13.45-.04.94-.43 1.2c-.13.08-2.93 1.94-5.89 1.94m-80.44-2.19q.39.06.78.06h79.66q.39 0 .78-.06c-6.79-1.35-10.44-5.5-11.53-6.95H34.92c-1.09 1.45-4.75 5.6-11.53 6.95"/><path id="SVGkBJaze8f" d="M82.3 12.84H45.7s-5.54 15.84-14.8 12.98c0 0 1.63 3.25 7.97 3.25h50.27c6.33 0 7.97-3.25 7.97-3.25c-9.26 2.86-14.81-12.98-14.81-12.98"/><path id="SVGfTMWpeyq" d="M89.14 30.14H38.86c-6.91 0-8.84-3.68-8.92-3.84c-.2-.38-.14-.84.13-1.17c.28-.33.72-.46 1.13-.33c.64.2 1.27.3 1.9.3c7.07 0 11.53-12.49 11.58-12.61c.15-.43.55-.71 1-.71H82.3c.45 0 .86.29 1.01.71c.05.12 4.51 12.61 11.58 12.61c.63 0 1.27-.1 1.9-.3c.42-.13.86 0 1.13.33c.28.33.33.79.13 1.17c-.07.16-2 3.84-8.91 3.84m-54.95-2.98c1.07.47 2.58.84 4.68.84h50.27c2.1 0 3.61-.37 4.68-.84c-6.92-.92-11.17-10.51-12.25-13.26H46.43c-1.08 2.76-5.33 12.35-12.24 13.26"/><path id="SVGM04pLesI" d="M109.18 65.74H18.82S11.59 76.3 2.91 76.65c0 0 3.55 2.6 7.15 2.6h107.88c3.6 0 7.15-2.6 7.15-2.6c-8.68-.34-15.91-10.91-15.91-10.91"/></defs><defs><use href="#SVG5ew5JsnL" id="SVG63dTBdVu"/></defs><use fill="#006ca2" href="#SVGzCiBSbVC"/><use fill="#006ca2" href="#SVG63dTBdVu"/><g fill="#006ca2"><use href="#SVGzCiBSbVC"/><use href="#SVG5ew5JsnL"/></g><defs><use href="#SVGkBJaze8f" id="SVGyH0qBNbg"/></defs><defs><use href="#SVGfTMWpeyq" id="SVGgw8Q1JhW"/></defs><use fill="#006ca2" href="#SVGyH0qBNbg"/><use fill="#006ca2" href="#SVGgw8Q1JhW"/><g fill="#006ca2"><use href="#SVGkBJaze8f"/><use href="#SVGfTMWpeyq"/></g><g fill="#006ca2"><path d="M48.05 27.7C58.56 21.24 64 9.47 64 9.47s5.44 11.77 15.96 18.23z"/><path d="M80 29.3H48.05c-.72 0-1.35-.48-1.54-1.17c-.2-.69.09-1.42.7-1.8c9.79-6 14.97-16.74 15.33-17.5A1.6 1.6 0 0 1 64 7.88c.67 0 1.25.41 1.48 1c.5 1.04 5.6 11.41 15.12 17.35c.59.24 1 .81 1 1.48c0 .88-.71 1.59-1.6 1.59m-26.99-3.2h21.98c-5.44-4.5-9.12-10-10.99-13.23c-1.87 3.23-5.55 8.73-10.99 13.23"/></g><path fill="#fcc21b" d="M38.5 9.48c-.17-2.56 1.13-5.33 3.6-6.33c.55-.23 1.55-.44 2.12-.18c.96.42.47 1.64.26 2.33c-.33 1.01-.83 2.63.28 3.33c.9.58 2.05.51 2.97 1.03c1.1.62 1.72 1.94 1.47 3.17c-.52 2.61-3.62 2.97-5.75 2.47c-.92-.22-2.1-.65-2.82-1.3c-1.32-1.22-2.02-2.84-2.13-4.52m51.01 0c.17-2.56-1.13-5.33-3.6-6.33c-.55-.23-1.55-.44-2.12-.18c-.96.42-.47 1.64-.26 2.33c.32 1.01.82 2.63-.28 3.33c-.9.58-2.05.51-2.97 1.03c-1.1.62-1.72 1.94-1.47 3.17c.52 2.61 3.61 2.97 5.75 2.47c.92-.22 2.1-.65 2.82-1.3c1.31-1.22 2.01-2.84 2.13-4.52"/><g fill="#006ca2"><path d="M30.36 67.92c22.19-6.46 33.65-18.23 33.65-18.23H64s11.46 11.77 33.65 18.23z"/><path d="M97.69 70.81H30.36c-1.44 0-2.66-1.06-2.86-2.48s.67-2.78 2.05-3.19C49.47 59.34 60.57 49 61.82 47.78c1.07-1.22 3.22-1.24 4.31-.05c.96.95 12.02 11.45 32.11 17.35c1.33.26 2.34 1.43 2.34 2.84c0 1.6-1.29 2.89-2.89 2.89m-51.62-5.78h35.87c-8.99-4.29-15-8.9-17.93-11.42c-2.94 2.52-8.96 7.13-17.94 11.42"/></g><path fill="#fff" d="M73.54 26.62c-6.12-3.49-9.53-10.21-9.53-10.21l-.01.03v-.03s-3.76 6.98-9.52 10.22zm7.84 38.19C71.11 63.7 64.02 54.6 64.02 54.6l-.01.03v-.03s-7.07 9.11-17.34 10.22z"/><path fill="#2f2f2f" d="M51.93 44.32v-5.46a3.53 3.53 0 1 1 7.06 0v5.46zm24.17 0v-5.46a3.53 3.53 0 1 0-7.06 0v5.46zM57.77 84.89h4.24v7.83h-4.24zm8.2 0h4.24v7.83h-4.24zm-32.03 0h4.24v7.83h-4.24zm8.2 0h4.24v7.83h-4.24zm47.68 0h4.24v7.83h-4.24zm-8.2 0h4.24v7.83h-4.24z"/><defs><use href="#SVGM04pLesI" id="SVGQqwMEdAe"/></defs><use fill="#4184af" href="#SVGQqwMEdAe"/><g fill="#006ca2"><use href="#SVGM04pLesI"/><path d="M117.94 80.31H10.06c-3.91 0-7.63-2.69-7.78-2.8c-.37-.27-.52-.74-.39-1.17c.13-.44.52-.74.98-.76c8.03-.32 15-10.34 15.07-10.44c.2-.29.53-.46.88-.46h90.36c.35 0 .68.17.88.46c.07.1 7.04 10.13 15.07 10.44a1.07 1.07 0 0 1 .59 1.93c-.15.12-3.87 2.8-7.78 2.8M6.06 77.21c1.16.51 2.59.98 4 .98h107.88c1.41 0 2.84-.46 4-.98c-6.7-1.92-11.95-8.55-13.31-10.4H19.36c-1.35 1.84-6.6 8.48-13.3 10.4"/></g><path fill="#78a3ad" d="M111.52 95.6H16.48v4.3h95.04z"/></svg>
Japanese Castle アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="noto-v1:japanese-castle" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto-v1:japanese-castle" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto-v1:japanese-castle" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--japanese-castle]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:japanese-castle"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto-v1:japanese-castle"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/noto-v1/japanese-castle.svg" alt="Japanese Castle アイコン" width="24" height="24">
他のアイコンセットの Japanese Castle アイコン
Japanese Castle アイコン のよくある質問
Japanese Castle アイコンは商用利用でも無料ですか?
はい。Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Japanese Castle アイコンを使うには?
@iconify/react をインストールして <Icon icon="noto-v1:japanese-castle" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Japanese Castle アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/noto-v1/japanese-castle.svg" alt="Japanese Castle アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Noto Emoji (v1) アイコン をすべて見る →
