Mail Setting Flat アイコン
streamline-plump-color:mail-setting-flat
Mail Setting Flat アイコン(streamline-plump-color:mail-setting-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
- カテゴリ
- メール
- タグ
- mailsetting、settingflat、mailsettingflat
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="M42.477 23.035a2.5 2.5 0 0 0-.931.025l-.006.001a6 6 0 0 0-.098-.251c-.324-.778-.931-1.81-2.15-2.444c-1.043-.542-2.45-.866-4.364-.866c-1.915 0-3.321.324-4.364.866c-1.22.633-1.827 1.667-2.151 2.445a6 6 0 0 0-.095.241a6 6 0 0 0-.249-.038c-.836-.11-2.038-.101-3.2.64c-.991.632-1.975 1.688-2.932 3.346s-1.38 3.038-1.432 4.212c-.063 1.427.58 2.505 1.107 3.176l.09.112q-.044.052-.084.103c-.528.672-1.177 1.753-1.114 3.186q.015.341.074.708c-6.176-.03-10.512-.254-13.244-.46c-2.846-.215-5.091-2.379-5.348-5.247C1.746 30.124 1.5 25.936 1.5 20s.246-10.124.486-12.79c.257-2.868 2.502-5.032 5.348-5.246C10.27 1.742 15.062 1.5 22 1.5s11.73.242 14.666.464c2.846.214 5.091 2.378 5.348 5.246c.24 2.666.486 6.854.486 12.79q0 1.602-.023 3.035"/><path fill="#2859c5" d="M42.468 16.363a159 159 0 0 1-7.572 2.735c-2.195.726-4.565 1.444-6.785 1.983c-2.19.53-4.36.919-6.11.919s-3.92-.389-6.109-.92c-2.22-.538-4.59-1.256-6.785-1.982a159 159 0 0 1-7.574-2.736q.046-2.353.132-4.249a153 153 0 0 0 8.698 3.187c2.138.707 4.395 1.39 6.472 1.893c2.108.512 3.905.807 5.166.807s3.058-.295 5.167-.807c2.077-.503 4.334-1.186 6.472-1.893a153 153 0 0 0 8.696-3.186q.087 1.894.132 4.248Z"/><path fill="#2859c5" fill-rule="evenodd" d="M31.948 23.027c.492-.256 1.386-.527 2.98-.527c1.593 0 2.488.271 2.98.527c.454.236.667.641.761.936c.099.308.286.905.509 1.689q.668.326 1.273.747c.797-.2 1.412-.338 1.731-.407c.302-.066.76-.084 1.19.191c.468.299 1.15.938 1.947 2.317s1.01 2.29 1.034 2.845c.023.512-.222.898-.43 1.127c-.231.255-.695.758-1.316 1.396a10 10 0 0 1-.016 1.248c.63.645 1.1 1.156 1.333 1.413c.208.228.452.615.43 1.127c-.025.554-.237 1.464-1.034 2.844s-1.48 2.019-1.947 2.317c-.431.276-.888.258-1.19.192a58 58 0 0 1-2.027-.483a10 10 0 0 1-.889.506a57 57 0 0 1-.598 2.005c-.094.295-.307.7-.761.936c-.492.255-1.387.527-2.98.527s-2.488-.272-2.98-.527c-.455-.236-.667-.641-.762-.936a58 58 0 0 1-.598-2.006a10 10 0 0 1-.887-.505c-.94.241-1.672.406-2.029.483c-.302.066-.759.084-1.19-.191c-.468-.299-1.15-.938-1.947-2.318s-1.009-2.29-1.034-2.844c-.022-.512.222-.898.43-1.127c.234-.258.705-.769 1.335-1.416a10 10 0 0 1-.016-1.243a57 57 0 0 1-1.319-1.398c-.207-.23-.452-.616-.43-1.127c.025-.554.238-1.465 1.034-2.845c.797-1.38 1.48-2.019 1.947-2.317c.432-.275.889-.257 1.19-.192c.32.07.936.208 1.734.408q.604-.42 1.271-.746c.224-.784.41-1.381.51-1.69c.094-.295.306-.7.76-.936Zm-.778 11.338a3.76 3.76 0 1 1 7.518 0a3.76 3.76 0 0 1-7.518 0" clip-rule="evenodd"/></g></svg>
Mail Setting Flat アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump-color:mail-setting-flat" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump-color:mail-setting-flat" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump-color:mail-setting-flat" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--mail-setting-flat]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:mail-setting-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-setting-flat"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-plump-color/mail-setting-flat.svg" alt="Mail Setting Flat アイコン" width="24" height="24">
Plump color icons の関連アイコン
Mail Setting Flat アイコン のよくある質問
Mail Setting Flat アイコンは商用利用でも無料ですか?
はい。Plump color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Mail Setting Flat アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-plump-color:mail-setting-flat" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Mail Setting Flat アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/mail-setting-flat.svg" alt="Mail Setting Flat アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Plump color icons をすべて見る →
ICONYZ
