Mailbox Empty アイコン
stash:mailbox-empty
Mailbox Empty アイコン(stash:mailbox-empty)は、Stash Icons セットの無料 SVG アイコンです（作者: Pingback LLC）。 24 × 24 のグリッドで描かれています。 Stash Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Stash Icons
- 作者
- Pingback LLC
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- mailboxempty
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M4.25 14.375v.025c0 .084 0 .218.024.344c.099.496.486.883.982.982c.126.025.26.024.344.024h.088c.286 0 .531 0 .751-.043a2.25 2.25 0 0 0 1.768-1.768c.044-.22.043-.466.043-.751V11.75H12a.75.75 0 0 0 0-1.5H6.574c-.258 0-.494 0-.692.016a1.8 1.8 0 0 0-.676.175a1.75 1.75 0 0 0-.765.765c-.117.23-.157.463-.175.676c-.016.198-.016.434-.016.692zM6.6 11.75h.15v1.375c0 .384-.003.467-.014.521a.75.75 0 0 1-.59.59c-.047.01-.117.013-.396.014V12.6c0-.292 0-.467.011-.596a.6.6 0 0 1 .018-.12a.25.25 0 0 1 .105-.105a.6.6 0 0 1 .12-.018c.13-.01.304-.011.596-.011"/><path d="M18 20.75h.529c.519 0 .951 0 1.306-.028c.37-.029.715-.09 1.046-.247c.768-.364 1.35-1.046 1.646-1.866c.124-.342.175-.7.2-1.105c.023-.395.023-.88.023-1.48V12c0-2.526-1.812-4.75-4.25-4.75a4 4 0 0 0-.348.015A1 1 0 0 0 18 7.25H5.824C3.266 7.25 1.25 9.409 1.25 12v3.232c0 .813 0 1.469.043 2c.045.546.14 1.026.366 1.47a3.75 3.75 0 0 0 1.639 1.64c.444.226.924.32 1.47.365c.531.043 1.187.043 2 .043zM2.75 15.2V12c0-1.827 1.408-3.25 3.074-3.25h9.575c-.72.865-1.149 2.021-1.149 3.25v4.023c0 .602 0 1.086.024 1.48c.024.405.075.764.199 1.106q.122.339.307.641H6.8c-.852 0-1.447 0-1.91-.038c-.453-.038-.714-.107-.911-.207a2.25 2.25 0 0 1-.984-.983c-.1-.198-.17-.459-.207-.913c-.037-.462-.038-1.057-.038-1.909m13 .8v-4c0-1.892 1.322-3.25 2.75-3.25s2.75 1.358 2.75 3.25v4c0 .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.414"/></g></svg>Mailbox Empty アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="stash:mailbox-empty" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="stash:mailbox-empty" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="stash:mailbox-empty" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[stash--mailbox-empty]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/stash -->
<div class="i-stash:mailbox-empty"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="stash:mailbox-empty"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/stash/mailbox-empty.svg" alt="Mailbox Empty アイコン" width="24" height="24">Stash Icons の関連アイコン
Mailbox Empty アイコン のよくある質問
Mailbox Empty アイコンは商用利用でも無料ですか?
はい。Stash Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Mailbox Empty アイコンを使うには?
@iconify/react をインストールして <Icon icon="stash:mailbox-empty" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Mailbox Empty アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/stash/mailbox-empty.svg" alt="Mailbox Empty アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。