Mailbox Empty Duotone アイコン
stash:mailbox-empty-duotone
Mailbox Empty Duotone アイコン(stash:mailbox-empty-duotone)は、Stash Icons セットの無料 SVG アイコンです（作者: Pingback LLC）。 24 × 24 のグリッドで描かれています。 Stash Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Stash Icons
- 作者
- Pingback LLC
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- mailboxempty、emptyduotone、mailboxemptyduotone
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M18.033 20.75H6.768c-.813 0-1.469 0-2-.043c-.546-.045-1.026-.14-1.47-.366a3.75 3.75 0 0 1-1.64-1.639c-.226-.444-.32-.924-.365-1.47c-.043-.531-.043-1.187-.043-2V12c0-2.591 2.016-4.75 4.574-4.75H18q.078 0 .152.015q.171-.015.348-.015c2.438 0 4.25 2.224 4.25 4.75v4.023c0 .602 0 1.087-.023 1.48c-.025.405-.076.764-.2 1.106c-.296.82-.878 1.502-1.646 1.866c-.33.156-.676.218-1.046.247c-.355.028-.787.028-1.306.028zM2.75 12v3.2c0 .852 0 1.447.038 1.91c.037.453.107.714.207.912c.216.423.56.767.984.983c.197.1.458.17.912.207c.462.037 1.057.038 1.909.038h7.98a3.6 3.6 0 0 1-.307-.64c-.125-.343-.175-.702-.2-1.106c-.023-.395-.023-.88-.023-1.48V12c0-1.229.428-2.385 1.15-3.25H5.823C4.158 8.75 2.75 10.173 2.75 12m13 0v4c0 .63 0 1.07.02 1.414c.021.34.06.536.113.684c.177.488.504.844.878 1.021c.099.047.24.086.52.108c.29.023.664.023 1.219.023s.929 0 1.218-.023c.28-.022.422-.061.52-.108c.375-.177.703-.533.88-1.02c.053-.149.09-.345.111-.685c.02-.344.021-.784.021-1.414v-4c0-1.892-1.322-3.25-2.75-3.25s-2.75 1.358-2.75 3.25"/><path fill="currentColor" d="M4.25 14.4v-1.826c0-.258 0-.494.016-.692a1.8 1.8 0 0 1 .175-.676a1.75 1.75 0 0 1 .764-.765c.23-.118.464-.158.677-.175c.198-.016.434-.016.692-.016H12a.75.75 0 0 1 0 1.5H8.25v1.438c0 .285 0 .531-.043.75a2.25 2.25 0 0 1-1.768 1.769c-.22.043-.466.043-.751.043H5.6c-.084 0-.218 0-.344-.024a1.25 1.25 0 0 1-.982-.982a2 2 0 0 1-.024-.344m2.5-2.65H6.6c-.292 0-.467 0-.596.011a.6.6 0 0 0-.12.018a.25.25 0 0 0-.105.104a.6.6 0 0 0-.018.121c-.01.13-.011.304-.011.596v1.65c.279-.001.349-.005.396-.014a.75.75 0 0 0 .59-.59c.01-.054.014-.137.014-.521zm-.97.13v.002zm.1-.1h.002z" opacity=".5"/></svg>Mailbox Empty Duotone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="stash:mailbox-empty-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="stash:mailbox-empty-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="stash:mailbox-empty-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[stash--mailbox-empty-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/stash -->
<div class="i-stash:mailbox-empty-duotone"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="stash:mailbox-empty-duotone"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/stash/mailbox-empty-duotone.svg" alt="Mailbox Empty Duotone アイコン" width="24" height="24">Stash Icons の関連アイコン
Mailbox Empty Duotone アイコン のよくある質問
Mailbox Empty Duotone アイコンは商用利用でも無料ですか?
はい。Stash Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Mailbox Empty Duotone アイコンを使うには?
@iconify/react をインストールして <Icon icon="stash:mailbox-empty-duotone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Mailbox Empty Duotone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/stash/mailbox-empty-duotone.svg" alt="Mailbox Empty Duotone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。