Japanesepostoffice アイコン
fxemoji:japanesepostoffice
Japanesepostoffice アイコン(fxemoji:japanesepostoffice)は、Firefox OS Emoji セットの無料 SVG アイコンです(作者: Mozilla)。 512 × 512 のグリッドで描かれています。 Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Firefox OS Emoji
- 作者
- Mozilla
- ライセンス
- Apache-2.0
- サイズ
- 512 × 512
- カテゴリ
- 場所
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#BFBCAF" d="M477.636 264.478H31.792c-7.953 0-14.4 6.447-14.4 14.4v206.504c0 7.953 6.447 14.4 14.4 14.4h445.843c7.953 0 14.4-6.447 14.4-14.4V278.878c.001-7.953-6.446-14.4-14.399-14.4"/><path fill="#2B3B47" d="M338.56 188.115H170.868c-1.967 0-3.812.606-5.047 1.639c-44.444 37.169-116.877 67.463-153.433 81.34c-5.819 2.209-3.48 8.185 3.198 8.185h478.259c6.677 0 9.016-5.976 3.198-8.185c-36.556-13.877-108.989-44.172-153.434-81.34c-1.236-1.033-3.082-1.639-5.049-1.639"/><path fill="#D1CFC3" d="M377.064 85.227H132.357c-3.952 0-7.156 4.559-7.156 10.183V489.6c0 5.624 3.204 10.183 7.156 10.183h244.706c3.952 0 7.156-4.559 7.156-10.183V95.41c0-5.624-3.203-10.183-7.155-10.183"/><path fill="#597B91" d="M206.751 409.565h95.919v90.218h-95.919z"/><path fill="#009AAF" d="M88.827 355.213H49.671a7.2 7.2 0 0 1-7.2-7.2v-12.58a7.2 7.2 0 0 1 7.2-7.2h39.156a7.2 7.2 0 0 1 7.2 7.2v12.58a7.2 7.2 0 0 1-7.2 7.2m7.2 46.697v-12.58a7.2 7.2 0 0 0-7.2-7.2H49.671a7.2 7.2 0 0 0-7.2 7.2v12.58a7.2 7.2 0 0 0 7.2 7.2h39.156a7.2 7.2 0 0 0 7.2-7.2m0 53.898v-12.58a7.2 7.2 0 0 0-7.2-7.2H49.671a7.2 7.2 0 0 0-7.2 7.2v12.58a7.2 7.2 0 0 0 7.2 7.2h39.156a7.2 7.2 0 0 0 7.2-7.2m365.662-107.795v-12.58a7.2 7.2 0 0 0-7.2-7.2h-39.156a7.2 7.2 0 0 0-7.2 7.2v12.58a7.2 7.2 0 0 0 7.2 7.2h39.156a7.2 7.2 0 0 0 7.2-7.2m0 53.897v-12.58a7.2 7.2 0 0 0-7.2-7.2h-39.156a7.2 7.2 0 0 0-7.2 7.2v12.58a7.2 7.2 0 0 0 7.2 7.2h39.156a7.2 7.2 0 0 0 7.2-7.2m0 53.898v-12.58a7.2 7.2 0 0 0-7.2-7.2h-39.156a7.2 7.2 0 0 0-7.2 7.2v12.58a7.2 7.2 0 0 0 7.2 7.2h39.156a7.2 7.2 0 0 0 7.2-7.2m-194.997-87.749h-23.955a7.2 7.2 0 0 1-7.2-7.2v-30.961a7.2 7.2 0 0 1 7.2-7.2h23.955a7.2 7.2 0 0 1 7.2 7.2v30.961a7.2 7.2 0 0 1-7.2 7.2m74.282-7.2v-30.961a7.2 7.2 0 0 0-7.2-7.2h-23.955a7.2 7.2 0 0 0-7.2 7.2v30.961a7.2 7.2 0 0 0 7.2 7.2h23.955a7.2 7.2 0 0 0 7.2-7.2m-134.165 0v-30.961a7.2 7.2 0 0 0-7.2-7.2h-23.955a7.2 7.2 0 0 0-7.2 7.2v30.961a7.2 7.2 0 0 0 7.2 7.2h23.955a7.2 7.2 0 0 0 7.2-7.2m67.083-65.616v-13.162a7.2 7.2 0 0 0-7.2-7.2h-23.955a7.2 7.2 0 0 0-7.2 7.2v13.162a7.2 7.2 0 0 0 7.2 7.2h23.955a7.2 7.2 0 0 0 7.2-7.2m67.082 0v-13.162a7.2 7.2 0 0 0-7.2-7.2h-23.955a7.2 7.2 0 0 0-7.2 7.2v13.162a7.2 7.2 0 0 0 7.2 7.2h23.955a7.2 7.2 0 0 0 7.2-7.2m-134.165 0v-13.162a7.2 7.2 0 0 0-7.2-7.2h-23.955a7.2 7.2 0 0 0-7.2 7.2v13.162a7.2 7.2 0 0 0 7.2 7.2h23.955a7.2 7.2 0 0 0 7.2-7.2"/><path fill="#2B3B47" d="M302.67 409.072c0-5.443-4.412-9.854-9.854-9.854h-76.21c-5.442 0-9.854 4.412-9.854 9.854v10.84h43.186v79.695h9.547v-79.695h43.185z"/><path fill="#FF473E" d="M334.084 160.717h-158.74c-5.639 0-10.21-4.571-10.21-10.21s4.571-10.21 10.21-10.21h158.74c5.639 0 10.21 4.571 10.21 10.21s-4.571 10.21-10.21 10.21m0 17.636h-158.74c-5.639 0-10.21 4.571-10.21 10.21s4.571 10.21 10.21 10.21h69.16v37.569c0 5.639 4.571 10.21 10.21 10.21s10.21-4.571 10.21-10.21v-37.569h69.16c5.639 0 10.21-4.571 10.21-10.21s-4.571-10.21-10.21-10.21"/><path fill="#2B3B47" d="M308.558 26.602H200.863a4.16 4.16 0 0 0-3.241 1.561c-28.543 35.398-75.061 64.249-98.538 77.465c-3.737 2.104-2.235 7.795 2.054 7.795h307.146c4.288 0 5.79-5.691 2.054-7.795c-23.477-13.216-69.995-42.067-98.538-77.465a4.16 4.16 0 0 0-3.242-1.561"/></svg>Japanesepostoffice アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:japanesepostoffice" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:japanesepostoffice" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:japanesepostoffice" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--japanesepostoffice]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:japanesepostoffice"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:japanesepostoffice"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fxemoji/japanesepostoffice.svg" alt="Japanesepostoffice アイコン" width="24" height="24">Japanesepostoffice アイコン のよくある質問
Japanesepostoffice アイコンは商用利用でも無料ですか?
はい。Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Japanesepostoffice アイコンを使うには?
@iconify/react をインストールして <Icon icon="fxemoji:japanesepostoffice" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Japanesepostoffice アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fxemoji/japanesepostoffice.svg" alt="Japanesepostoffice アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。