Shopping Basket Like アイコン
streamline-freehand-color:shopping-basket-like
Shopping Basket Like アイコン(streamline-freehand-color:shopping-basket-like)は、Freehand color icons セットの無料 SVG アイコンです（作者: Streamline）。 24 × 24 のグリッドで描かれています。 Freehand color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Freehand color icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- ショッピング・EC
- タグ
- shoppingbasket、basketlike、shoppingbasketlike
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#020202" d="M15.68 10.967a1.41 1.41 0 0 0 .311-2.411a3.1 3.1 0 0 0-1-.26c.24-3.071-1.47-4.822-2.921-4.932a1.42 1.42 0 0 0-.5-1.07c-.74-.58-1.68-.39-5.112-.27a.31.31 0 1 0 0 .62c4.241.13 4.601-.11 4.501 1.1c-.27.63-2 .38-2.72.45c-.54.07-2.201.39-2.461 0a1.21 1.21 0 0 1 .09-1.17a.28.28 0 0 0-.39-.39a1.84 1.84 0 0 0-.25 1.95c.46.87 2.14.65 3.13.61s3.282.461 3.632-1.17c.09 0 .25.06.28.08a7 7 0 0 1 2 4.172a.31.31 0 0 0 0 .61c1.27.14 1.721.14 1.56.87c0 .22-.12.44-.33.49a15 15 0 0 1-3.59 0c-11.604-.22-9.523-.22-10.864-.5c-.13-.14.08-.53.27-.61a3.4 3.4 0 0 1 1.4-.29c.43 0 6.673-.3 10.284-.15a.28.28 0 0 0 0-.55c-3.101-.26-10.553-.26-10.633-.25a10.6 10.6 0 0 1 1.8-3.171c.82-.63.76-.64.76-.75a.31.31 0 0 0-.31-.31c-.34 0-.75.31-1 .46a4.37 4.37 0 0 0-1.87 3.84a4.4 4.4 0 0 0-.84.24a1.5 1.5 0 0 0-.641 2.232c.2.205.459.344.74.4c0 .27 0-.42.22 2.2c.43 4.732 1.46 5.182 5.762 5.362a22 22 0 0 0 3.831-.23a.312.312 0 1 0-.07-.62c-2.23.16-4.473-.016-6.652-.52c-1.46-.39-1.85-2.581-2.11-4.102c-.44-2.32-.31-1.6-.34-2c1 .17.54.15 10.223.15c1.27.125 2.55.088 3.81-.11"/><path fill="#0c6fff" d="M4.387 12.507c-.81-.32.16 3.931.95 3.591c.07 0 .19-.05.23-.19c.15-.34-.75-3.6-1.18-3.4m7.143-.001c-.43-.2-1.33 3.061-1.18 3.401c0 .14.15.16.23.19c.79.34 1.76-3.911.95-3.59m-3.632-.281c-.06 0-.15 0-.19.12a7.1 7.1 0 0 0-.12 3.511a.36.36 0 0 0 .31.39c.72 0 .42-2.94.27-3.82c-.1-.181-.18-.231-.27-.201"/><path fill="#020202" d="M23.994 15.938a.25.25 0 0 0-.3-.2c-.73.13-2.941-1.19-3.542-.32c-.57-1.05-.16-1.81-.17-2.71a1.56 1.56 0 0 0-1.15-1.681c-1.05-.15-1.61 1.42-1.86 2.19c-.07.21-.09.52-.33.55s-.15-.09-1.111-.28c-.74-.15-1.59-.34-2.15.3s-.46 1.641-.49 2.721c0 .85-.211 2.001.53 2.651c1.25 1 3.43.25 5.911 1.25c.3.89.66.82 4.001 1.691a.285.285 0 0 0 .1-.56s-2.57-.89-2.79-1s-.45-.14-.46-.8c.172-1.31.419-2.61.74-3.892c.708.046 1.411.157 2.1.33c.37.11 1.05.16.97-.24m-4.752 3.431a13.1 13.1 0 0 0-3.851-.56c-1.66-.16-1.55-.45-1.55-1.43a19 19 0 0 1 .15-2.731c.19-.66 1.28-.3 1.76-.19c.64.15 1.37.4 1.78-.31c.26-.44.5-1.87 1.06-2.221c.251-.15.431.13.521.36c.37 1-.66 2.13.84 3.761a19 19 0 0 0-.72 3.321z"/></g></svg>
Shopping Basket Like アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand-color:shopping-basket-like" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand-color:shopping-basket-like" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand-color:shopping-basket-like" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand-color--shopping-basket-like]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand-color -->
<div class="i-streamline-freehand-color:shopping-basket-like"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand-color:shopping-basket-like"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-freehand-color/shopping-basket-like.svg" alt="Shopping Basket Like アイコン" width="24" height="24">
Freehand color icons の関連アイコン
他のアイコンセットの Shopping Basket Like アイコン
Shopping Basket Like アイコン のよくある質問
Shopping Basket Like アイコンは商用利用でも無料ですか?
はい。Freehand color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Shopping Basket Like アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-freehand-color:shopping-basket-like" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Shopping Basket Like アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-freehand-color/shopping-basket-like.svg" alt="Shopping Basket Like アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Freehand color icons をすべて見る →
