Postbox アイコン
emojione-v1:postbox
Postbox アイコン(emojione-v1:postbox)は、Emoji One (v1) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (v1)
- 作者
- Emoji One
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 64 × 64
- カテゴリ
- 物
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><g fill-rule="evenodd"><path fill="#bcbcbe" d="M27.06 64c-.753 0-1.361-.638-1.361-1.425v-22.14c0-.786.607-1.425 1.361-1.425h10.388c.756 0 1.365.639 1.365 1.425v22.14c0 .787-.609 1.425-1.365 1.425z"/><path fill="#9a9a9e" d="M26.321 64c-.346 0-.624-.638-.624-1.425v-22.14c0-.786.277-1.425.624-1.425h4.753c.348 0 .624.639.624 1.425v22.14c0 .787-.276 1.425-.624 1.425z"/><path fill="#d13751" d="M17.974 52.24c-2.036 0-3.679-1.3-3.679-2.903V4.187c0-1.604 1.644-2.904 3.679-2.904h28.05c2.036 0 3.681 1.3 3.681 2.904v45.15c0 1.604-1.645 2.903-3.681 2.903z"/></g><path fill="#e7e6e6" d="M40.25 10.644a5.01 5.01 0 0 1 5.01 5.01v20.988a5.013 5.013 0 0 1-5.01 5.01H23.744a5.007 5.007 0 0 1-5.01-5.01V15.654c0-2.77 2.244-5.01 5.01-5.01z"/><path fill="#bfbfbf" d="M32.09 31.21c-3.274-3.186-1.858-1.771-5.01-5.01v-.118c2.4-2.464 2.209-2.085 5.01-5.01l8.159-10.437a5.01 5.01 0 0 1 5.01 5.01v20.988a5.013 5.013 0 0 1-5.01 5.01L32.09 31.208"/><path fill="#e7e6e6" d="M32.923 30.594c-2.795-2.793-1.588-1.554-4.28-4.399v-.1c2.046-2.162 1.886-1.832 4.28-4.396l6.967-9.165c2.364 0 4.279 1.968 4.279 4.398v18.427c0 2.433-1.915 4.4-4.279 4.4z"/><path fill="#b4b4b5" d="M33.403 31.7c.031-.094 3.699-5.549 3.699-5.549l-3.699-5.633l-.933 1.089l1.923 2.42l1.249 2.083l-.148.716l-2.216 2.857l-1.024 1.456z"/><path fill="#b2b2b2" d="M23.748 10.644a5.007 5.007 0 0 0-5.01 5.01v20.988a5.01 5.01 0 0 0 5.01 5.01l12.83-15.1c.107-.114.216-.224.336-.346v-.118c-.152-.152-.288-.292-.423-.43l-12.743-15.01"/><path fill="#f3f2f2" d="M23.916 12.512a4.41 4.41 0 0 0-4.406 4.405v18.462a4.407 4.407 0 0 0 4.406 4.402L35.198 26.5c.102-.098.192-.198.296-.306v-.1c-.131-.132-.256-.262-.368-.378z"/><g fill-rule="evenodd"><path fill="#d13751" d="M21.448 16.717c-1.53 0-2.764-.394-2.764-.881V2.167c0-.486 1.234-.88 2.764-.88h21.05c1.527 0 2.764.394 2.764.88v13.669c0 .488-1.236.881-2.764.881z"/><path fill="#a8314a" d="M16.985 15.04c0-.375.768-.68 1.711-.68h26.605c.948 0 1.712.304 1.712.68v5.182c0 .378-.764.682-1.712.682H18.696c-.944 0-1.711-.304-1.711-.682z"/></g></svg>
Postbox アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:postbox" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:postbox" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:postbox" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--postbox]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:postbox"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:postbox"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-v1/postbox.svg" alt="Postbox アイコン" width="24" height="24">
Postbox アイコン のよくある質問
Postbox アイコンは商用利用でも無料ですか?
はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Postbox アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-v1:postbox" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Postbox アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-v1/postbox.svg" alt="Postbox アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (v1) アイコン をすべて見る →
ICONYZ
