Mail Outgoing アイコン

Q: Mail Outgoing アイコンは商用利用でも無料ですか?

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

streamline-plump-color:mail-outgoing

Mail Outgoing アイコン(streamline-plump-color:mail-outgoing)は、Plump color icons セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Plump color icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Plump color icons
作者: Streamline
ライセンス: CC-BY-4.0
サイズ: 48 × 48
カテゴリ: メール
タグ: mailoutgoing

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="3"><path fill="#8fbffa" d="M11.179 11.031a131 131 0 0 0-5.14 3.009c-1.321.813-2.224 2.128-2.417 3.667C3.339 19.967 3 23.903 3 29.8c0 4.569.203 7.96.427 10.308c.239 2.517 2.248 4.349 4.772 4.498C11.423 44.797 16.59 45 24 45c7.409 0 12.577-.203 15.801-.394c2.524-.149 4.533-1.981 4.773-4.498c.223-2.347.426-5.74.426-10.308c0-5.897-.339-9.833-.622-12.093c-.193-1.539-1.096-2.854-2.416-3.667a131 131 0 0 0-5.141-3.009a5.2 5.2 0 0 1-.427 2.303c-.872 2.024-2.794 3.118-4.734 3.245l-.16.01v5.779c0 2.325-1.38 5.553-4.956 6.19c-.728.13-1.577.216-2.544.216s-1.816-.086-2.544-.216c-3.575-.637-4.956-3.866-4.956-6.19v-5.779l-.16-.01c-1.94-.127-3.862-1.221-4.734-3.245a5.2 5.2 0 0 1-.427-2.303"/><path fill="#fff" d="M12.15 14.305q-.621.342-1.15.637a3.93 3.93 0 0 0-2 3.438v3.898c0 1.08.576 2.075 1.53 2.582C13.62 26.503 20.593 30 24 30s10.381-3.497 13.47-5.14A2.91 2.91 0 0 0 39 22.278V18.38a3.93 3.93 0 0 0-2-3.438c-.351-.196-.737-.41-1.15-.637c-.997 1.404-2.587 2.17-4.19 2.274l-.16.01v5.779c0 2.325-1.38 5.553-4.956 6.19c-.728.13-1.577.217-2.544.217a14.6 14.6 0 0 1-2.544-.216c-3.575-.638-4.956-3.866-4.956-6.191v-5.779l-.16-.01c-1.603-.105-3.194-.87-4.19-2.274"/><path fill="#fff" d="M15.584 10.224c-.853 1.006-.3 2.277 1.015 2.363c.959.063 2.24.12 3.935.155c-.02 1.019-.034 2.338-.034 4.032v5.594c0 1.076.597 2.063 1.657 2.252c.5.09 1.115.154 1.843.154c.727 0 1.341-.065 1.842-.154c1.06-.189 1.658-1.176 1.658-2.252v-5.594a205 205 0 0 0-.035-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="#2859c5" stroke-linecap="round" stroke-linejoin="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 stroke="#2859c5" stroke-linejoin="round" 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="#2859c5" stroke-linecap="round" stroke-linejoin="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-color:mail-outgoing" width="24" />

Vue

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

<template>
  <Icon icon="streamline-plump-color:mail-outgoing" width="24" />
</template>

Svelte

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

<Icon icon="streamline-plump-color:mail-outgoing" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--mail-outgoing]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color: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-color:mail-outgoing"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/streamline-plump-color/mail-outgoing.svg" alt="Mail Outgoing アイコン" width="24" height="24">

Plump color icons の関連アイコン

他のアイコンセットの Mail Outgoing アイコン

Mail Outgoing アイコンのよくある質問

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

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

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

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

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

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

Plump color icons をすべて見る →