ICONYZ
日本語
Emoji One (Colored) の Incoming Envelope アイコン

Incoming Envelope アイコン

emojione:incoming-envelope

Incoming Envelope アイコン(emojione:incoming-envelope)は、Emoji One (Colored) セットの無料 SVG アイコンです(作者: Emoji One)。 64 × 64 のグリッドで描かれています。 Emoji One (Colored) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Emoji One (Colored)
作者
Emoji One
ライセンス
CC-BY-4.0
サイズ
64 × 64
カテゴリ
物
タグ
incomingenvelope
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#b0bdc6" d="m12.3 53.6l15.4-20.8l-10.5-19c-.6.9-1 2.2-1.2 3.6l-4 32.7c-.2 1.4-.1 2.6.3 3.5M63.1 5.2L41 32.3l15.6 26.4c1-1.1 1.7-2.6 1.9-4.5L64 9.7c.2-2-.2-3.5-.9-4.5"/><path fill="#cad5dd" d="m32.5 42.1l-4.8-9.3l-15.4 20.8c.3.8.8 1.4 1.4 1.5L53.6 60c1.1.1 2.1-.4 3-1.4L41 32.3z"/><path fill="#dfe9ef" d="M60.5 4.1L19 12.3c-.6.1-1.3.7-1.8 1.6l10.5 19l4.8 9.3l8.4-9.9L63.1 5.2c-.6-.9-1.6-1.4-2.6-1.1"/><path fill="#79d3f7" d="M9.2 45c.8 0 1.4.7 1.3 1.5l-.7 6.1c-.1.8-.8 1.4-1.7 1.3L1.8 53C1 52.9.4 52.1.5 51.3l.7-5c.1-.8.9-1.5 1.7-1.5zm2.1-15.3c.8-.1 1.4.5 1.3 1.4l-.8 6.8c-.1.8-.9 1.5-1.7 1.5H1.5c-.8 0-1.4-.7-1.3-1.5l.9-5.9c.1-.8.9-1.5 1.7-1.6zm2.1-16.3c.8-.1 1.4.4 1.3 1.2l-.8 6.9c-.1.8-.9 1.6-1.7 1.7L1.6 24.3C.8 24.4.2 23.8.4 23l1-5.9c.1-.8.9-1.6 1.7-1.7z"/></svg>

Incoming Envelope アイコンの使い方

React

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

<Icon icon="emojione:incoming-envelope" width="24" />

Vue

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

<template>
  <Icon icon="emojione:incoming-envelope" width="24" />
</template>

Svelte

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

<Icon icon="emojione:incoming-envelope" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione--incoming-envelope]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione -->
<div class="i-emojione:incoming-envelope"></div>

Web コンポーネント

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

<iconify-icon icon="emojione:incoming-envelope"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/emojione/incoming-envelope.svg" alt="Incoming Envelope アイコン" width="24" height="24">

他のアイコンセットの Incoming Envelope アイコン

Incoming Envelope アイコン のよくある質問

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

はい。Emoji One (Colored) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Emoji One (Colored) アイコン をすべて見る →