Basket アイコン

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

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

reicon:basket

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

アイコンセット: Reicon
作者: REICON
ライセンス: MIT
サイズ: 24 × 24
カテゴリ: UI

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M8.75 14.5a.75.75 0 0 0-1.5 0V18a.75.75 0 0 0 1.5 0zm4 0a.75.75 0 0 0-1.5 0V18a.75.75 0 0 0 1.5 0zm4 0a.75.75 0 0 0-1.5 0V18a.75.75 0 0 0 1.5 0z"/><path fill-rule="evenodd" d="M9.93 1.386a.75.75 0 0 1 .184 1.044L7.441 6.25h9.119l-2.674-3.82a.75.75 0 1 1 1.228-.86l3.276 4.68h1.694c.38 0 .71 0 .998.077a2.25 2.25 0 0 1 1.591 1.59c.078.29.077.618.077 1v.167c0 .38 0 .71-.077.998a2.25 2.25 0 0 1-.971 1.32l-.803 5.886c-.113.833-.204 1.5-.32 2.038c-.12.554-.276 1.026-.547 1.454a4.25 4.25 0 0 1-1.813 1.582c-.46.212-.95.303-1.514.346c-.549.042-1.222.042-2.063.042H9.358c-.84 0-1.514 0-2.063-.042c-.565-.043-1.053-.134-1.514-.346a4.25 4.25 0 0 1-1.813-1.582c-.272-.428-.428-.9-.547-1.454c-.116-.538-.207-1.205-.32-2.038l-.803-5.886a2.25 2.25 0 0 1-.971-1.32c-.078-.289-.077-.617-.077-.998v-.168c0-.38 0-.71.077-.998a2.25 2.25 0 0 1 1.59-1.591c.29-.078.618-.077 1-.077H5.61l3.276-4.68a.75.75 0 0 1 1.044-.184M4 7.75c-.513 0-.623.007-.694.026a.75.75 0 0 0-.53.53c-.02.071-.026.18-.026.694c0 .513.007.623.026.694a.75.75 0 0 0 .53.53c.071.02.18.026.694.026h16c.513 0 .623-.006.694-.025a.75.75 0 0 0 .53-.53c.02-.072.026-.182.026-.695s-.006-.623-.026-.694a.75.75 0 0 0-.53-.53c-.071-.02-.18-.026-.694-.026zm-.14 4l.723 5.305c.118.87.202 1.48.304 1.956c.1.466.208.746.347.964a2.75 2.75 0 0 0 1.173 1.024c.235.108.528.177 1.003.213c.485.038 1.1.038 1.978.038h5.224c.877 0 1.493 0 1.978-.038c.475-.036.768-.105 1.003-.213a2.75 2.75 0 0 0 1.173-1.024c.139-.218.246-.498.347-.965c.102-.475.186-1.085.304-1.955l.724-5.305z" clip-rule="evenodd"/></g></svg>

Basket アイコンの使い方

React

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

<Icon icon="reicon:basket" width="24" />

Vue

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

<template>
  <Icon icon="reicon:basket" width="24" />
</template>

Svelte

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

<Icon icon="reicon:basket" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="reicon:basket"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/reicon/basket.svg" alt="Basket アイコン" width="24" height="24">

Reicon の関連アイコン

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

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

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

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

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

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

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

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

Reicon アイコンをすべて見る →