Mail Setting Solid アイコン
streamline-plump:mail-setting-solid
Mail Setting Solid アイコン(streamline-plump:mail-setting-solid)は、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
- カテゴリ
- メール
- タグ
- mailsetting、settingsolid、mailsettingsolid
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M41.546 23.06c.31-.067.626-.074.931-.024a200 200 0 0 0-.044-8.197c-1.571.615-4.47 1.717-7.695 2.784c-2.188.724-4.544 1.438-6.747 1.972c-2.178.528-4.302.905-5.991.905s-3.813-.377-5.991-.905c-2.203-.534-4.559-1.248-6.747-1.972a158 158 0 0 1-7.695-2.784A190 190 0 0 0 1.5 20c0 5.936.246 10.124.486 12.79c.257 2.868 2.502 5.032 5.348 5.246c2.732.207 7.068.43 13.244.46a6 6 0 0 1-.074-.707c-.063-1.433.586-2.514 1.114-3.186l.084-.103l-.09-.112c-.527-.671-1.17-1.749-1.107-3.176c.052-1.174.475-2.554 1.432-4.212s1.941-2.714 2.931-3.346c1.163-.741 2.365-.75 3.201-.64q.123.016.25.038q.045-.125.094-.241c.324-.778.931-1.812 2.151-2.445c1.043-.542 2.45-.866 4.364-.866s3.32.324 4.363.866c1.22.633 1.827 1.666 2.151 2.444q.051.121.098.251zm-39.86-11.4c.087-1.795.194-3.271.3-4.45c.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.106 1.179.213 2.655.3 4.45c-.903.363-4.45 1.769-8.518 3.115c-2.145.71-4.417 1.396-6.512 1.904c-2.118.514-3.961.821-5.284.821s-3.166-.307-5.284-.82c-2.095-.508-4.367-1.195-6.511-1.905a155 155 0 0 1-8.519-3.116Z"/><path 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.191l-.537.843l.538-.843c.467.299 1.15.938 1.947 2.317c.796 1.38 1.008 2.29 1.033 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.413l-.74.672l.74-.672c.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.506a58 58 0 0 1-.598 2.005l-.952-.305l.952.305c-.094.295-.307.7-.761.936c-.492.255-1.387.527-2.98.527s-2.488-.272-2.98-.527l.46-.888l-.46.888c-.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.127l.74.672l-.74-.672c.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"/></g></svg>
Mail Setting Solid アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump:mail-setting-solid" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump:mail-setting-solid" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump:mail-setting-solid" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump--mail-setting-solid]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump -->
<div class="i-streamline-plump:mail-setting-solid"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump:mail-setting-solid"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-plump/mail-setting-solid.svg" alt="Mail Setting Solid アイコン" width="24" height="24">
Mail Setting Solid アイコン のよくある質問
Mail Setting Solid アイコンは商用利用でも無料ですか?
はい。Plump free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Mail Setting Solid アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-plump:mail-setting-solid" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Mail Setting Solid アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-plump/mail-setting-solid.svg" alt="Mail Setting Solid アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Plump free icons をすべて見る →
