Basket Down Filled アイコン
reicon:basket-down-filled
Basket Down Filled アイコン(reicon:basket-down-filled)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><g fill="currentColor" clip-path="url(#SVGBgS7qSkY)"><path d="M9.114 1.43A.75.75 0 0 0 7.886.57L4.609 5.25H1.78c-.121 0-.254 0-.368.01c-.13.01-.302.036-.478.126a1.25 1.25 0 0 0-.547.547a1.3 1.3 0 0 0-.127.478c-.01.114-.009.247-.009.369v.94c0 .123 0 .255.01.37c.01.13.036.3.126.478c.12.235.311.426.547.546c.176.09.348.116.478.127c.114.01.247.01.369.01h18.44c.122 0 .255 0 .37-.01c.13-.01.3-.037.477-.127a1.25 1.25 0 0 0 .547-.546c.09-.177.116-.349.127-.478c.01-.115.009-.247.009-.37v-.94c0-.122 0-.255-.01-.37a1.3 1.3 0 0 0-.126-.477a1.25 1.25 0 0 0-.547-.547a1.3 1.3 0 0 0-.477-.127c-.115-.009-.248-.009-.37-.009h-2.83L14.114.57a.75.75 0 0 0-1.229.86l2.674 3.82H6.44z"/><path fill-rule="evenodd" d="M2.205 10.75a.75.75 0 0 0-.744.851l.64 4.687c.113.833.204 1.5.32 2.038c.12.554.275 1.026.547 1.454a4.25 4.25 0 0 0 1.813 1.582c.46.212.95.303 1.514.346c.549.042 1.222.042 2.063.042h2.223a.75.75 0 0 0 .696-1.031A7.2 7.2 0 0 1 10.75 18a7.24 7.24 0 0 1 3.023-5.89a.75.75 0 0 0-.438-1.36zM7 13.25a.75.75 0 0 1 .75.75v3.5a.75.75 0 0 1-1.5 0V14a.75.75 0 0 1 .75-.75m3.25 2.758a8 8 0 0 1 1.203-2.606a.75.75 0 0 0-1.202.598z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M12.25 18a5.75 5.75 0 1 1 11.5 0a5.75 5.75 0 0 1-11.5 0m5.125-2.5v3.491l-.933-.933a.625.625 0 1 0-.884.884l2 2c.244.244.64.244.884 0l2-2a.625.625 0 0 0-.884-.884l-.933.933v-3.49a.625.625 0 1 0-1.25 0" clip-rule="evenodd"/></g><defs><clipPath id="SVGBgS7qSkY"><path fill="currentColor" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Basket Down Filled アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:basket-down-filled" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:basket-down-filled" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:basket-down-filled" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--basket-down-filled]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:basket-down-filled"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:basket-down-filled"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/reicon/basket-down-filled.svg" alt="Basket Down Filled アイコン" width="24" height="24">Reicon の関連アイコン
Basket Down Filled アイコン のよくある質問
Basket Down Filled アイコンは商用利用でも無料ですか?
はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Basket Down Filled アイコンを使うには?
@iconify/react をインストールして <Icon icon="reicon:basket-down-filled" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Basket Down Filled アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/basket-down-filled.svg" alt="Basket Down Filled アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。