Japanese Post Office icon
emojione:japanese-post-office
The Japanese Post Office icon (emojione:japanese-post-office) 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
- japanesepost, postoffice, japanesepostoffice
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#b2c1c0" d="M63 60H1c-.6 0-1 .5-1 1v2c0 .5.4 1 1 1h62c.5 0 1-.5 1-1v-2c0-.5-.5-1-1-1"/><path fill="#e8e8e8" d="M6 14h52v46H6z"/><path fill="#3e4347" d="M64 16H0L5 0h54z"/><path fill="#62727a" d="M11 24h8v14h-8zm34 0h8v14h-8z"/><path fill="#b4d7ee" d="M13 26h4v10h-4zm34 0h4v10h-4z"/><path fill="#62727a" d="M11.8 30h6.5v2h-6.5zm34 0h6.5v2h-6.5z"/><g fill="#fff"><path d="M11 44h42v16H11z"/><path d="m32 41l13.5 6H50l-18-8l-18 8h4.5z"/></g><g fill="#f15744"><path d="M24 22h16v4H24zm0 6h16v4H24z"/><path d="M30 30h4v6h-4z"/></g><path fill="#62727a" d="M64 16L59.5 1.5L57 4l-3-3l1-1h-3l1 1l-3 3l-3-3l1-1h-3l1 1l-3 3l-3-3l1-1h-3l1 1l-3 3l-3-3l1-1h-4l1 1l-3 3l-3-3l1-1h-3l1 1l-3 3l-3-3l1-1h-3l1 1l-3 3l-3-3l1-1H9l1 1l-3 3l-2.5-2.5L0 16h5l-1-1l3-3l3 3l-1 1h3l-1-1l3-3l3 3l-1 1h3l-1-1l3-3l3 3l-1 1h18l-1-1l3-3l3 3l-1 1h3l-1-1l3-3l3 3l-1 1h3l-1-1l3-3l3 3l-1 1zM7 11L4 8l3-3l3 3zm7 0l-3-3l3-3l3 3zm7 0l-3-3l3-3l3 3zm22 0l-3-3l3-3l3 3zm7 0l-3-3l3-3l3 3zm7 0l-3-3l3-3l3 3z"/><circle cx="32" cy="12" r="8" fill="#e8e8e8"/><circle cx="32" cy="12" r="6" fill="#3e4347"/><path fill="#b4d7ee" d="M13 46h6v14h-6zm8 0h6v14h-6zm8 0h6v14h-6zm8 0h6v14h-6zm8 0h6v14h-6z"/><path fill="#62727a" d="M13 46h6v4h-6zm8 0h6v4h-6zm16 0h6v4h-6zm8 0h6v4h-6zm-16 0h6v4h-6z"/><path id="SVGkwCntdbK" fill="#b2c1c0" d="M9 21.5c0 .3-.2.5-.5.5h-3c-.3 0-.5-.2-.5-.5v-3c0-.3.2-.5.5-.5h3c.3 0 .5.2.5.5z"/><path fill="#b2c1c0" d="M7 27.5c0 .3-.2.5-.5.5h-1c-.3 0-.5-.2-.5-.5v-3c0-.3.2-.5.5-.5h1c.3 0 .5.2.5.5z"/><use href="#SVGkwCntdbK"/><path fill="#b2c1c0" d="M7 39.5c0 .3-.2.5-.5.5h-1c-.3 0-.5-.2-.5-.5v-3c0-.3.2-.5.5-.5h1c.3 0 .5.2.5.5zm2-6c0 .3-.2.5-.5.5h-3c-.3 0-.5-.2-.5-.5v-3c0-.3.2-.5.5-.5h3c.3 0 .5.2.5.5zm-2 18c0 .3-.2.5-.5.5h-1c-.3 0-.5-.2-.5-.5v-3c0-.3.2-.5.5-.5h1c.3 0 .5.2.5.5zm2-6c0 .3-.2.5-.5.5h-3c-.3 0-.5-.2-.5-.5v-3c0-.3.2-.5.5-.5h3c.3 0 .5.2.5.5zm0 12c0 .3-.2.5-.5.5h-3c-.3 0-.5-.2-.5-.5v-3c0-.3.2-.5.5-.5h3c.3 0 .5.2.5.5z"/><path id="SVG2kpkrb2H" fill="#b2c1c0" d="M55 21.5c0 .3.2.5.5.5h3c.3 0 .5-.2.5-.5v-3c0-.3-.2-.5-.5-.5h-3c-.3 0-.5.2-.5.5z"/><path fill="#b2c1c0" d="M57 27.5c0 .3.2.5.5.5h1c.3 0 .5-.2.5-.5v-3c0-.3-.2-.5-.5-.5h-1c-.3 0-.5.2-.5.5z"/><use href="#SVG2kpkrb2H"/><path fill="#b2c1c0" d="M57 39.5c0 .3.2.5.5.5h1c.3 0 .5-.2.5-.5v-3c0-.3-.2-.5-.5-.5h-1c-.3 0-.5.2-.5.5zm-2-6c0 .3.2.5.5.5h3c.3 0 .5-.2.5-.5v-3c0-.3-.2-.5-.5-.5h-3c-.3 0-.5.2-.5.5zm2 18c0 .3.2.5.5.5h1c.3 0 .5-.2.5-.5v-3c0-.3-.2-.5-.5-.5h-1c-.3 0-.5.2-.5.5zm-2-6c0 .3.2.5.5.5h3c.3 0 .5-.2.5-.5v-3c0-.3-.2-.5-.5-.5h-3c-.3 0-.5.2-.5.5zm0 12c0 .3.2.5.5.5h3c.3 0 .5-.2.5-.5v-3c0-.3-.2-.5-.5-.5h-3c-.3 0-.5.2-.5.5z"/></svg>
How to use the Japanese Post Office icon
React
import { Icon } from "@iconify/react";
<Icon icon="emojione:japanese-post-office" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione:japanese-post-office" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione:japanese-post-office" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione--japanese-post-office]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione -->
<div class="i-emojione:japanese-post-office"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione:japanese-post-office"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/emojione/japanese-post-office.svg" alt="Japanese Post Office icon" width="24" height="24">
Related icons in Emoji One (Colored)
Japanese Post Office icon in other icon sets
Japanese Post Office icon FAQ
Is the Japanese Post Office 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 Post Office icon in React?
Install @iconify/react and render <Icon icon="emojione:japanese-post-office" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Japanese Post Office icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/emojione/japanese-post-office.svg" alt="Japanese Post Office icon">, or paste the SVG code inline to style it with CSS.
Browse all Emoji One (Colored) icons →
