Japanpost icon
cbi:japanpost
The Japanpost icon (cbi:japanpost) is a free SVG icon from the Custom Brand Icons set by Emanuele & rchiileea. It is drawn on a 24 × 24 grid. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Custom Brand Icons
- Author
- Emanuele & rchiileea
- License
- CC-BY-NC-SA-4.0
- Size
- 24 × 24
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M2 18.996c0-.24.08-.61.43-2.12c.07-.31.94-.4 1.56-.16c.71.27.32 1.37-.54 1.53c-.48.09-.72.34-.72.74c0 .23-.07.28-.37.28c-.29 0-.36-.05-.36-.27m5.71-.04c-.81-.69-.33-2.11.79-2.36c.88-.2 1.5.28 1.5 1.15c0 1.25-1.38 1.98-2.29 1.21m5.58.2c-.36-.23-.1-.54.47-.55c.66-.01.7-.19.12-.58c-.92-.62-.51-1.43.73-1.43c.7 0 .74.02.7.28c-.03.22-.1.26-.43.23c-.71-.07-.88.15-.35.47c.58.34.76.76.5 1.17c-.31.46-1.29.69-1.74.41m5.56.05c0-.04.08-.48.19-.98c.2-1 .17-1.14-.26-1.14c-.21 0-.3-.07-.3-.25c0-.22.09-.24 1.22-.24c.66 0 1.21.04 1.21.09c-.01.22-.21.38-.55.42c-.35.04-.36.06-.55 1.07c-.18 1.02-.19 1.03-.57 1.07c-.22.02-.39 0-.39-.04m-9.91-.76c.28-.32.37-.91.17-1.18c-.4-.55-1.27.52-.93 1.14c.16.31.51.33.76.04m-5.36-1.05c0-.3-.37-.33-.48-.04c-.06.15-.08.31-.05.36c.08.14.53-.13.53-.32m-.73-2.52c.01-.53 1.73-8.22 1.95-8.66c.28-.58.77-1.01 1.44-1.26c.49-.18 6.51-.33 6.67-.16c.08.09-.96 5.31-1.33 6.69c-.25.93-1.39 1.31-2.02.68c-.23-.23-.3-.39-.25-.64c.03-.18.1-.53.15-.78l.08-.45H8.7c-1.1 0-1.23.11-1.32 1.11c-.1.98-.02 1.3.4 1.81c1.04 1.23 3.9 1.17 5.02-.11c.57-.65.68-1.01 1.49-4.81l.74-3.52h2.73c4.2 0 4.24.03 4.24 2.67v1.86l-.5.43c-.77.66-1.38.82-3.4.89l-1.78.07l-.2.92c-.28 1.25-.44 1.6-1.02 2.23c-1.02 1.11-1.02 1.11-7.01 1.15c-4.22.03-5.24.01-5.24-.12m16.6-6.07c.91-.32 1.24-1.41.62-2.04c-.35-.34-.38-.35-1.62-.35h-1.27l-.2 1.06c-.11.58-.23 1.16-.27 1.27c-.07.26 2.02.31 2.74.06"/></svg>How to use the Japanpost icon
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:japanpost" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:japanpost" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:japanpost" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--japanpost]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:japanpost"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:japanpost"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/cbi/japanpost.svg" alt="Japanpost icon" width="24" height="24">Japanpost icon FAQ
Is the Japanpost icon free for commercial use?
No. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author.
How do I use the Japanpost icon in React?
Install @iconify/react and render <Icon icon="cbi:japanpost" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Japanpost icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/japanpost.svg" alt="Japanpost icon">, or paste the SVG code inline to style it with CSS.