Outbox アイコン

Q: Outbox アイコンは商用利用でも無料ですか?

はい。Stash Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

stash:outbox

Outbox アイコン(stash:outbox)は、Stash Icons セットの無料 SVG アイコンです（作者: Pingback LLC）。 24 × 24 のグリッドで描かれています。 Stash Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Stash Icons
作者: Pingback LLC
ライセンス: MIT
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12.53 6.47a.75.75 0 0 0-1.06 0l-2 2a.75.75 0 0 0 1.06 1.06l.72-.72V13a.75.75 0 0 0 1.5 0V8.81l.72.72a.75.75 0 1 0 1.06-1.06z"/><path fill="currentColor" d="M3.451 10.189a5.9 5.9 0 0 0-.201 1.957c0 .853.002 2.207.041 3.448c.02.656.052 1.291.1 1.809c.024.258.053.498.09.702a2.2 2.2 0 0 0 .178.598a3.75 3.75 0 0 0 1.639 1.638c.444.227.924.321 1.47.366c.531.043 1.187.043 2 .043h6.464c.813 0 1.469 0 2-.043c.546-.045 1.026-.14 1.47-.366a3.75 3.75 0 0 0 1.64-1.639c.094-.186.145-.415.177-.597c.037-.204.066-.444.09-.702c.048-.518.08-1.153.1-1.81c.039-1.245.04-2.606.041-3.459a5.9 5.9 0 0 0-.202-1.945l-.832-2.914l-.06-.209c-.344-1.223-.8-2.843-2.501-3.538c-.684-.279-1.474-.279-2.62-.278h-5.07c-1.146 0-1.935-.001-2.62.278c-1.701.695-2.157 2.315-2.501 3.538l-.06.21zm6.17-5.439h4.758c1.365 0 1.833.014 2.208.167c1.007.411 1.277 1.337 1.686 2.77l.833 2.914c.125.438.173.923.15 1.399h-.006v.086l-.01.132a2.25 2.25 0 0 1-2.022 2.021a6 6 0 0 1-.596.024h-.046a2.7 2.7 0 0 0-.545.036c-.489.1-.912.405-1.163.837c-.09.157-.148.33-.202.492l-.013.04c-.12.358-.211.452-.257.486c-.044.032-.163.096-.55.096h-3.693c-.376 0-.495-.058-.542-.09c-.044-.031-.142-.124-.264-.491l-.014-.04a2.6 2.6 0 0 0-.202-.493a1.75 1.75 0 0 0-1.163-.837a2.7 2.7 0 0 0-.545-.036h-.045a6 6 0 0 1-.596-.024a2.25 2.25 0 0 1-2.032-2.143V12h-.006a4.4 4.4 0 0 1 .15-1.4l.832-2.913c.41-1.433.68-2.359 1.686-2.77c.376-.153.843-.167 2.208-.167M4.79 15.547l-.015-.527a3.74 3.74 0 0 0 1.86.712c.255.025.505.032.743.031a7 7 0 0 1 .289.005a.25.25 0 0 1 .165.12l.017.042c.017.046.038.106.073.213c.162.485.394.94.824 1.242c.427.302.925.365 1.406.365h3.693c.512 0 1.016-.076 1.44-.388c.42-.31.638-.763.79-1.219c.036-.107.056-.168.073-.213c.015-.04.02-.046.017-.042a.25.25 0 0 1 .165-.12l.05-.003c.052-.002.121-.002.24-.002c.237 0 .487-.006.742-.03a3.74 3.74 0 0 0 1.86-.714q-.005.267-.014.528c-.02.644-.05 1.244-.094 1.717a7 7 0 0 1-.072.577a2 2 0 0 1-.042.186a2.25 2.25 0 0 1-.98.978c-.197.1-.458.17-.912.207c-.462.037-1.057.038-1.909.038H8.8c-.852 0-1.447 0-1.91-.038c-.453-.038-.714-.107-.911-.207a2.25 2.25 0 0 1-.984-.983l.004.007l-.002-.008a2 2 0 0 1-.04-.18a7 7 0 0 1-.072-.577a30 30 0 0 1-.095-1.717m11.54.221"/></svg>

Outbox アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="stash:outbox" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="stash:outbox" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="stash:outbox" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[stash--outbox]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/stash -->
<div class="i-stash:outbox"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="stash:outbox"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/stash/outbox.svg" alt="Outbox アイコン" width="24" height="24">

Stash Icons の関連アイコン

他のアイコンセットの Outbox アイコン

Outbox アイコンのよくある質問

Outbox アイコンは商用利用でも無料ですか?

はい。Stash Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Outbox アイコンを使うには?

@iconify/react をインストールして <Icon icon="stash:outbox" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Outbox アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/stash/outbox.svg" alt="Outbox アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Stash Icons をすべて見る →