Mail Outgoing Flat アイコン
streamline-plump-color:mail-outgoing-flat
Mail Outgoing Flat アイコン(streamline-plump-color:mail-outgoing-flat)は、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、outgoingflat、mailoutgoingflat
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#8fbffa" d="M35.7 8.72a4.26 4.26 0 0 1-.223 2.718c-.701 1.627-2.255 2.537-3.881 2.643q-.502.033-1.112.063c.023 2.255.021 4.506.019 6.736v.006l-.002 1.982c0 2.04-1.206 4.685-4.13 5.206a13.6 13.6 0 0 1-4.739 0c-2.924-.521-4.13-3.166-4.13-5.206L17.5 20.88c-.002-2.23-.005-4.48.019-6.736q-.611-.03-1.113-.063c-1.626-.106-3.18-1.016-3.88-2.643a4.26 4.26 0 0 1-.224-2.718a125 125 0 0 0-7.05 4.042c-1.677 1.033-2.865 2.734-3.119 4.758c-.291 2.327-.633 6.326-.633 12.28c0 4.613.205 8.053.433 10.45c.314 3.296 2.958 5.663 6.177 5.854c3.256.193 8.454.396 15.89.396s12.634-.203 15.89-.396c3.218-.19 5.863-2.558 6.177-5.854c.228-2.397.433-5.837.433-10.45c0-5.954-.342-9.953-.633-12.28c-.254-2.024-1.442-3.725-3.119-4.758a125 125 0 0 0-7.047-4.041Z"/><path fill="#2859c5" d="M34.33 12.995a4.7 4.7 0 0 1-2.734 1.086a67 67 0 0 1-1.112.063c.023 2.255.021 4.506.019 6.736v.006l-.002 1.982c0 2.04-1.206 4.685-4.13 5.206a13.6 13.6 0 0 1-4.739 0c-2.924-.521-4.13-3.165-4.13-5.206l-.002-1.987c-.002-2.23-.005-4.482.019-6.737a67 67 0 0 1-1.113-.063a4.68 4.68 0 0 1-2.736-1.087a194 194 0 0 0-5.505 3.224A3.47 3.47 0 0 0 6.5 19.189v3.034c0 1.658.912 3.205 2.43 3.964c1.657.826 4.388 2.136 7.18 3.243c2.713 1.076 5.743 2.07 7.89 2.07s5.177-.994 7.89-2.07c2.792-1.107 5.523-2.417 7.18-3.243a4.41 4.41 0 0 0 2.43-3.965V19.19a3.47 3.47 0 0 0-1.664-2.971a194 194 0 0 0-5.505-3.223Z"/><path fill="#2859c5" d="M15.586 8.724c-.853 1.006-.3 2.277 1.015 2.363c.964.063 2.256.121 3.966.155a266 266 0 0 0-.066 6.032v5.594c0 1.076.598 2.063 1.658 2.252c.5.09 1.115.154 1.843.154c.727 0 1.341-.065 1.842-.154c1.06-.189 1.657-1.176 1.657-2.252v-5.594c0-2.468-.03-4.506-.065-6.032c1.71-.034 3-.092 3.965-.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"/></g></svg>Mail Outgoing Flat アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump-color:mail-outgoing-flat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump-color:mail-outgoing-flat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump-color:mail-outgoing-flat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--mail-outgoing-flat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:mail-outgoing-flat"></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-flat"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-plump-color/mail-outgoing-flat.svg" alt="Mail Outgoing Flat アイコン" width="24" height="24">Plump color icons の関連アイコン
Mail Outgoing Flat アイコン のよくある質問
Mail Outgoing Flat アイコンは商用利用でも無料ですか?
はい。Plump color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Mail Outgoing Flat アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-plump-color:mail-outgoing-flat" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Mail Outgoing Flat アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/mail-outgoing-flat.svg" alt="Mail Outgoing Flat アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。