ICONYZ
日本語
Fluent Emoji Flat の Wastebasket アイコン

Wastebasket アイコン

fluent-emoji-flat:wastebasket

Wastebasket アイコン(fluent-emoji-flat:wastebasket)は、Fluent Emoji Flat セットの無料 SVG アイコンです(作者: Microsoft Corporation)。 32 × 32 のグリッドで描かれています。 Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Fluent Emoji Flat
作者
Microsoft Corporation
ライセンス
MIT
サイズ
32 × 32
カテゴリ
物
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#bebebe" d="m13.52 2.3l-1.79.94l.18.342l-1.902 3.622L7.86 3.12l-1.79.94l2.796 5.317l-1.857 3.535l-.427-.812L5.56 3.61l-2.8.33l3.1 25.75l2.8-.34l-.393-3.262l1.694-3.221l1.905 3.62l-1.196 2.273l1.79.94l.684-1.303l1.576-.827l-.57-1.085l1.856-3.533l1.86 3.534l-1.096 2.084l1.79.94l.448-.852l.022.042l1.79-.94l-.67-1.274l1.903-3.62l1.634 3.106l-.407 3.378l2.8.34l3.1-25.75l-2.8-.33l-1.044 8.665l-.332.632l-1.86-3.535L25.41 5.06l-1.78-.94l-1.625 3.09l-2.515-4.78l-1.78.94l.111.212l-1.813 3.448zm11.137 15.611l-.545 4.527l-.917-1.744zM7.841 22.554l-.58-4.822l1.558 2.963zm16.022-7.476l-1.81 3.444l-1.86-3.536l1.81-3.446zm-2.953 5.616l-1.903 3.62l-1.859-3.535l1.903-3.62zm-6.044.089l-1.858 3.532l-1.904-3.62l1.858-3.532zm3.045-5.79l-1.903 3.618l-1.904-3.62l1.904-3.618zm2.955-5.618l-1.812 3.445l-1.904-3.619l1.813-3.446zM8.148 15.077l1.858-3.533l1.813 3.448l-1.858 3.532zm3-5.704l1.904-3.62l1.813 3.448l-1.903 3.62z"/><path fill="#9b9b9b" d="M4 6h24c1.1 0 2-.9 2-2s-.9-2-2-2H4c-1.1 0-2 .9-2 2s.9 2 2 2m3 24h18c1.1 0 2-.9 2-2s-.9-2-2-2H7c-1.1 0-2 .9-2 2s.9 2 2 2"/></g></svg>

Wastebasket アイコンの使い方

React

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

<Icon icon="fluent-emoji-flat:wastebasket" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji-flat:wastebasket" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji-flat:wastebasket" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--wastebasket]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:wastebasket"></div>

Web コンポーネント

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

<iconify-icon icon="fluent-emoji-flat:wastebasket"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/wastebasket.svg" alt="Wastebasket アイコン" width="24" height="24">

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

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

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

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

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

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

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

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

Fluent Emoji Flat アイコン をすべて見る →