ICONYZ
日本語
Firefox OS Emoji の Backofenvelope アイコン

Backofenvelope アイコン

fxemoji:backofenvelope

Backofenvelope アイコン(fxemoji:backofenvelope)は、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 コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#B9C5C6" d="M256.954 250.063L4.811 427.505V159.602c0-26.113 21.164-47.277 47.277-47.277h409.733c26.113 0 47.277 21.164 47.277 47.277v267.902z"/><path fill="#96A9B2" d="M509.864 429.13c1.92-5.188-218.512-171.631-218.512-171.631c-27.596-20.365-42.111-20.686-69.401 0c0 0-220.111 166.308-218.258 171.426l-.045.037c.022.045.06.075.09.116a48 48 0 0 0 8.031 14.003c1.457 1.767 3.212 3.246 4.901 4.785l-.082.064c.134.12.314.176.448.295c7.157 6.384 16.181 10.518 26.207 11.699c.157.019.284.101.441.12h.605c1.524.146 2.973.512 4.535.512h416.144c20.492 0 37.853-12.887 44.748-30.95c.082-.134.209-.232.284-.37z"/><path fill="#DCE2E2" d="m7.752 142.174l215.277 169.089c27.171 20.051 41.462 20.367 68.331 0l214.94-168.82s-.728-6.749-10.76-18.675s-18.419-10.827-28.658-11.927l-419.837.015c-10.209 1.085-22.262 6.255-28.628 11.912c-6.367 5.656-10.665 18.406-10.665 18.406"/></svg>

Backofenvelope アイコンの使い方

React

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

<Icon icon="fxemoji:backofenvelope" width="24" />

Vue

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

<template>
  <Icon icon="fxemoji:backofenvelope" width="24" />
</template>

Svelte

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

<Icon icon="fxemoji:backofenvelope" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--backofenvelope]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:backofenvelope"></div>

Web コンポーネント

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

<iconify-icon icon="fxemoji:backofenvelope"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fxemoji/backofenvelope.svg" alt="Backofenvelope アイコン" width="24" height="24">

Backofenvelope アイコン のよくある質問

Backofenvelope アイコンは商用利用でも無料ですか?

はい。Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Backofenvelope アイコンを使うには?

@iconify/react をインストールして <Icon icon="fxemoji:backofenvelope" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Backofenvelope アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fxemoji/backofenvelope.svg" alt="Backofenvelope アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Firefox OS Emoji アイコン をすべて見る →