Mail Outgoing アイコン
streamline-plump:mail-outgoing
Mail Outgoing アイコン(streamline-plump:mail-outgoing)は、Plump free icons セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Plump free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Plump free icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 48 × 48
- カテゴリ
- メール
- タグ
- mailoutgoing
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="3"><path stroke-linecap="round" d="M37.66 11.5c1.682.95 3.183 1.85 4.302 2.54c1.32.813 2.223 2.128 2.416 3.667c.283 2.26.622 6.196.622 12.093c0 4.569-.203 7.96-.426 10.308c-.24 2.517-2.249 4.349-4.773 4.498C36.577 44.797 31.41 45 24 45c-7.409 0-12.577-.203-15.801-.394c-2.524-.149-4.533-1.981-4.772-4.498C3.203 37.76 3 34.368 3 29.8c0-5.897.339-9.833.622-12.093c.193-1.539 1.096-2.854 2.416-3.667c1.12-.69 2.62-1.59 4.303-2.54"/><path d="M15.585 10.224c-.853 1.006-.3 2.277 1.015 2.363c.959.063 2.24.12 3.935.155a205 205 0 0 0-.035 4.032v5.594c0 1.076.598 2.063 1.658 2.252c.5.09 1.115.154 1.842.154s1.342-.065 1.843-.154c1.06-.189 1.657-1.176 1.657-2.252v-5.594c0-1.694-.014-3.013-.034-4.032a89 89 0 0 0 3.934-.155c1.316-.086 1.868-1.357 1.015-2.364a61 61 0 0 0-2.96-3.213c-2.05-2.09-3.522-3.169-4.416-3.713a1.97 1.97 0 0 0-2.077 0c-.894.544-2.366 1.624-4.416 3.713a61 61 0 0 0-2.96 3.214Z"/><path stroke-linecap="round" d="M39 19v2.727c0 1.738-.898 3.351-2.413 4.204C33.203 27.836 27.113 31 24 31s-9.203-3.164-12.588-5.07C9.899 25.079 9 23.466 9 21.728V19"/></g></svg>
Mail Outgoing アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump:mail-outgoing" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump:mail-outgoing" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump:mail-outgoing" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump--mail-outgoing]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump -->
<div class="i-streamline-plump:mail-outgoing"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump:mail-outgoing"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-plump/mail-outgoing.svg" alt="Mail Outgoing アイコン" width="24" height="24">
他のアイコンセットの Mail Outgoing アイコン
Mail Outgoing アイコン のよくある質問
Mail Outgoing アイコンは商用利用でも無料ですか?
はい。Plump free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Mail Outgoing アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-plump:mail-outgoing" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Mail Outgoing アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-plump/mail-outgoing.svg" alt="Mail Outgoing アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Plump free icons をすべて見る →
