ICONYZ
日本語
Stash Icons の Envelope Flying アイコン

Envelope Flying アイコン

stash:envelope-flying

Envelope Flying アイコン(stash:envelope-flying)は、Stash Icons セットの無料 SVG アイコンです(作者: Pingback LLC)。 24 × 24 のグリッドで描かれています。 Stash Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Stash Icons
作者
Pingback LLC
ライセンス
MIT
サイズ
24 × 24
タグ
envelopeflying
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.869 7.75c.955 0 1.627 0 2.148.043c.515.04.812.119 1.034.233q.234.121.433.286l-3.622 3.104a17 17 0 0 1-.938.773c-.226.164-.354.221-.45.245a1.25 1.25 0 0 1-.756-.045c-.093-.036-.213-.108-.418-.298a17 17 0 0 1-.839-.88L11.553 9.13a.75.75 0 0 0-1.106 1.013l1.929 2.104c.35.382.643.701.903.943c.272.253.555.466.9.599c.53.204 1.11.239 1.662.1c.358-.09.664-.268.964-.486c.288-.21.617-.491 1.01-.828l3.414-2.927q.02.18.02.423c.004.495-.048 1.13-.122 2.043l-.197 2.4c-.065.792-.111 1.342-.182 1.768q-.02.12-.042.223l-2.136-2.493a.75.75 0 1 0-1.14.976l2.412 2.814q-.18.127-.384.22c-.208.096-.474.16-.92.193c-.456.035-1.037.035-1.866.035h-4.098c-.974 0-1.656 0-2.183-.046c-.402-.035-.666-.093-.862-.172l3.001-3.002a.75.75 0 1 0-1.06-1.06l-3.011 3.01a2 2 0 0 1-.075-.173c-.086-.224-.126-.522-.093-1.042c.033-.528.134-1.203.278-2.166l.449-2.988a.75.75 0 1 0-1.484-.222l-.453 3.021a42 42 0 0 0-.252 1.84H4a.75.75 0 0 0 0 1.5h2.826q.048.306.158.595a3.75 3.75 0 0 0 1.65 1.917c.48.272 1.015.384 1.628.436c.6.052 1.346.052 2.278.052h4.16c.794 0 1.431 0 1.95-.04c.532-.04.997-.124 1.433-.324a3.84 3.84 0 0 0 1.683-1.49c.25-.41.377-.858.461-1.37c.082-.494.132-1.104.194-1.858l.202-2.466c.072-.87.13-1.57.126-2.14c-.004-.586-.07-1.105-.295-1.59a3.8 3.8 0 0 0-1.716-1.779c-.476-.245-.999-.347-1.602-.396c-.588-.047-1.32-.047-2.236-.047H2a.75.75 0 1 0 0 1.5z"/><path fill="currentColor" d="M3 9.25a.75.75 0 0 0 0 1.5h3a.75.75 0 0 0 0-1.5zm1 3a.75.75 0 0 0 0 1.5h1a.75.75 0 0 0 0-1.5z"/></svg>

Envelope Flying アイコンの使い方

React

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

<Icon icon="stash:envelope-flying" width="24" />

Vue

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

<template>
  <Icon icon="stash:envelope-flying" width="24" />
</template>

Svelte

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

<Icon icon="stash:envelope-flying" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="stash:envelope-flying"></iconify-icon>

HTML 画像

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

Stash Icons の関連アイコン

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

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

はい。Stash Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Stash Icons をすべて見る →