Japanese Castle icon

emojione:japanese-castle

The Japanese Castle icon (emojione:japanese-castle) is a free SVG icon from the Emoji One (Colored) set by Emoji One. It is drawn on a 64 × 64 grid. Emoji One (Colored) icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Emoji One (Colored)
Author: Emoji One
License: CC-BY-4.0
Size: 64 × 64
Category: Travel
Tags: japanesecastle

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#b2c1c0" d="M56 48H8L0 64h64z"/><path fill="#f9f3d9" d="M8 40h48v8H8zm5-16h38v8H13zm5-16h28v8H18z"/><path fill="#d33b23" d="M18 16c0 2.2-4.7 4-8 4c-3 0-5-1-5-1c0 2.2 2.9 5 6.5 5H32v-8zm-5 16c0 2.2-4.7 4-8 4c-3 0-5-1-5-1c0 2.2 2.9 5 6.5 5H32v-8zm38 0c0 2.2 4.7 4 8 4c3 0 5-1 5-1c0 2.2-2.9 5-6.5 5H32v-8zm-5-16c0 2.2 4.7 4 8 4c3 0 5-1 5-1c0 2.2-2.9 5-6.5 5H32v-8zM41 0c0 2.2 4.7 4 8 4c3 0 5-1 5-1c0 2.2-2.9 5-6.5 5H32V0zM23 0c0 2.2-4.7 4-8 4c-3 0-5-1-5-1c0 2.2 2.9 5 6.5 5H32V0z"/><path fill="#3e4347" d="M24 26h1v4h-1zm3 0h1v4h-1zm9 0h1v4h-1zm-6 0h1v4h-1zm3 0h1v4h-1zm-7.5 16h1v4h-1zm-6 0h1v4h-1zm3 0h1v4h-1zm6 0h1v4h-1zM26 10h2v4h-2zm10 0h2v4h-2zm-5 0h2v4h-2z"/><path fill="#fed0ac" d="M8 40h8v8H8zm40 0h8v8h-8zM13 24h8v8h-8zm30 0h8v8h-8z"/><path fill="#3e4347" d="M51 42h2v4h-2zm-40 0h2v4h-2z"/><path fill="#f15744" d="m32 16l-11 8h22z"/><path fill="#d3976e" d="M18 8h28v2H18zm3 16h22.1v2H21z"/><path fill="#3e4347" d="M46 26h2v4h-2zm-30 0h2v4h-2z"/><path fill="#d3976e" d="M16 40h32v2H16z"/><path fill="#89664c" d="M8 40h8v2H8zm40 0h8v2h-8zM13 24h8v2h-8zm30 0h8v2h-8z"/><path fill="#fed0ac" d="M40.1 24L32 18.1L23.9 24z"/><path fill="#3e4347" d="M26.5 24h11L32 20zm11 18h1v4h-1zm-6 0h1v4h-1zm3 0h1v4h-1zm6 0h1v4h-1zm3 0h1v4h-1z"/><path fill="#f15744" d="M41 36c-2.7-1.7-3.2-4-9-4s-6.6 2.4-9 4c-6.1 4-12.2 4-13 4h44c-.8 0-6.7 0-13-4"/><path fill="#fed0ac" d="M39.1 37c-1.9-1.3-2.9-3-7.1-3s-5.3 1.8-7.1 3c-4.4 3-8.3 3-8.9 3h32c-.6 0-4.3 0-8.9-3"/><path fill="#3e4347" d="M37.3 38c-1.2-.8-2.7-2-5.3-2s-4.2 1.2-5.3 2c-2.8 2-4.3 2-4.7 2h20c-.3 0-1.9 0-4.7-2M39 26h1v4h-1z"/><path fill="#f15744" d="M37.7 5c-1.7-1.3-2-3-5.7-3s-4.2 1.8-5.7 3c-3.9 3-7.8 3-8.3 3h28c-.5 0-4.3 0-8.3-3"/><path fill="#fed0ac" d="M36.5 5.8c-1.2-.9-1.8-2.2-4.5-2.2S28.6 5 27.5 5.8C24.6 8 22.2 8 21.8 8h20.4c-.4 0-2.8 0-5.7-2.2"/><path fill="#3e4347" d="M35.3 6.5c-.5-.4-1.1-1.1-2-1.3c-.4 0-1.3.2-1.3 1.3c0-1.2-1-1.3-1.4-1.3c-.9.2-1.5.9-2 1.3C26.8 8 25.9 8 25.6 8h12.8c-.3 0-1.2 0-3.1-1.5"/><path fill="#62727a" d="M28.5 51.5h-7l-2-3.5h7zm-11 4h-6.7l-1-3h6.7zm10 4.6h-4l-3-4.1h10zM47 56h-6l-2-4.1h10zM8.1 64H17l2.1-3.9h-8.9zM43 64h-8.1L33 60.1h8.1zm11-3.9h8L60 56h-8z" opacity=".5"/><g fill="#e8e8e8"><path d="M57.1 64h-7.8l1.5-4h8.5zM16 60H5.5L8 56h6zm20 0h-8.5l2.5-4h8zm7-8h-8.5l2.5-4h8z" opacity=".5"/><path d="M53.2 59.5h-6.9l-1.6-3h6.9zm-32.4-3l1.6 3h-6l-1.6-3zm1 0h7.5l-1.6 3h-4.2zm8.4 0h7l-1.6 3h-7zm8 0h5.5l1.6 3h-8.8zm16.6-4l1.7 3h-9l1.7-3zm-6.6 0l-1.7 3h-5l-1.7-3zm-9.4 0l1.7 3h-6l-1.7-3zm-7 0l1.7 3h-10l1.7-3zm-7.6 0l-1.7 3h-4l-1.7-3zm-14.4 0h6l1.7 3h-6zm-1.6 4h5.5l1.6 3H6.6zm54 4l-.5-1h-7.5l-1.6-3h7.6l-.5-1h-2.2l-1.7-3h2.5l-.5-1h-4.2l-2-3.5h-1l2 3.5h-9l2-3.5h-1l-2 3.5h-7l2-3.5h-1l-2 3.5h-5l-2-3.5h-1l2 3.5h-7l-2-3.5h-1l2 3.5h-9l2-3.5h-1l-2 3.5H6.2l-.5 1h3l1.7 3H4.2l-.5 1h3.5l-1.6 3H2.2l-.5 1h7.6L7.5 64h1l1.9-3.5h8L16.5 64h1l1.9-3.5h5.2l1.9 3.5h1l-1.9-3.5h7l1.9 3.5h1l-1.9-3.5h7l1.9 3.5h1l-1.9-3.5h8.8L48.5 64h1l1.9-3.5h7L56.5 64h1l1.9-3.5z"/></g></svg>

How to use the Japanese Castle icon

React

import { Icon } from "@iconify/react";

<Icon icon="emojione:japanese-castle" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="emojione:japanese-castle" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="emojione:japanese-castle" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione--japanese-castle]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione -->
<div class="i-emojione:japanese-castle"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="emojione:japanese-castle"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/emojione/japanese-castle.svg" alt="Japanese Castle icon" width="24" height="24">

Related icons in Emoji One (Colored)

Japanese Castle icon in other icon sets

Japanese Castle icon FAQ

Is the Japanese Castle icon free for commercial use?

Yes. Emoji One (Colored) icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Japanese Castle icon in React?

Install @iconify/react and render <Icon icon="emojione:japanese-castle" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Japanese Castle icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/emojione/japanese-castle.svg" alt="Japanese Castle icon">, or paste the SVG code inline to style it with CSS.

Browse all Emoji One (Colored) icons →