Basket アイコン
fluent-emoji-high-contrast:basket
Basket アイコン(fluent-emoji-high-contrast:basket)は、Fluent Emoji High Contrast セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji High Contrast
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- 物
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M9 6c0-2 1.5-4 4-4h6c2.5 0 4 2 4 4v5h6a2 2 0 0 1 2 2v3a2 2 0 0 1-1.9 1.998l-3.005 10.138A4 4 0 0 1 22.26 31H9.716a4 4 0 0 1-3.823-2.824l-3.136-10.19A2 2 0 0 1 1 16v-3a2 2 0 0 1 2-2h6zm2 5h10V6c0-2.5-1.5-3-3-3h-4c-1.5 0-3 .5-3 3zm10 2H3v3h26v-3h-6v1a1 1 0 1 1-2 0zm4.314 5l.91.91l.738-.738l.05-.172zm-3.333.91l.91-.91h-1.82zM16.83 18l.91.91l.91-.91zm-3.333.91l.91-.91h-1.82zm-4.243 0l.91-.91h-1.82zm-4.4-.91l.25.816L5.92 18zm.963 3.131l.286.929l.322-.322zm20.484-.73l-.077-.077l-1.414 1.414l.845.845zm-1.126 3.8l.156-.527l-1.229-1.229l-1.414 1.415l1.414 1.414zm-.813 2.746l-.26-.259l-1.414 1.414l.608.608c.416-.251.736-.652.882-1.142zM22.172 29l-.19-.19l-.191.19zm-1.796 0l.898-.898l-1.414-1.414l-1.414 1.414l.897.898zm-2.828 0h.381l-.19-.19zm-1.414 0l.897-.898l-1.414-1.414l-1.414 1.414l.898.898zm-2.829 0h.381l-.19-.19zm-1.414 0l.898-.898l-1.415-1.414l-1.414 1.414l.898.898zm-2.469-.022l-.169-.169l-.108.108q.136.04.277.061m-1.154-.598l.278-.278l-.843-.843l.101.33c.094.303.255.572.464.791m-1.194-3.163l.058.057l1.414-1.414l-1.414-1.415l-.696.696zm.058-7.014l-1.414 1.414l1.414 1.414l1.414-1.414zm2.121 2.121L7.84 21.738l1.414 1.415l1.414-1.415zm2.121 2.121L9.96 23.86l1.414 1.414l1.415-1.414zm.708-.707l1.414 1.415l1.414-1.415l-1.414-1.414zm1.414 2.829l-1.414 1.414l1.414 1.414l1.414-1.414zm2.121.707l1.414-1.414l-1.414-1.415l-1.414 1.415zm-4.243-4.243l1.415-1.414l-1.415-1.414l-1.414 1.414zm9.193 4.95l1.414 1.414l1.414-1.414l-1.414-1.414zm2.828-4.243l-1.414-1.414l-1.414 1.414l1.414 1.415zm-5.657 5.657l1.415-1.414l-1.415-1.414l-1.414 1.414zm.708-7.778l1.414 1.414l1.414-1.414l-1.414-1.414zm-1.415 0l-1.414-1.414l-1.414 1.414l1.414 1.414zm7.072 1.414l1.414-1.414l-1.415-1.414l-1.414 1.414zm-7.779.707l1.414 1.415l1.415-1.415l-1.415-1.414zm-7.07 5.657l1.413-1.414l-1.414-1.414L7.84 25.98zm9.192-3.535l1.414 1.414l1.414-1.414l-1.414-1.415z"/></svg>
Basket アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:basket" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:basket" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:basket" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--basket]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:basket"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:basket"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/basket.svg" alt="Basket アイコン" width="24" height="24">
Fluent Emoji High Contrast の関連アイコン
Basket アイコン のよくある質問
Basket アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Basket アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:basket" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Basket アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/basket.svg" alt="Basket アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji High Contrast アイコン をすべて見る →
ICONYZ
