Shopping Bag Sad アイコン

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

はい。Freehand color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

streamline-freehand-color:shopping-bag-sad

Shopping Bag Sad アイコン(streamline-freehand-color:shopping-bag-sad)は、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
タグ: shoppingbag、bagsad、shoppingbagsad

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#020202" d="M5.85 18.741c.05-.26.598-.529.808-.648a5.3 5.3 0 0 1 1.866-.53c2.913-.428 3.283 1.288 3.891 1.637c1.317.998-.18-3.562-4.09-2.774c-1.138.23-2.994 1.298-3.084 2.235a.31.31 0 0 0 .609.08m.828-6.964c-.55-.639-1.088 1.856-.45 2.205a.36.36 0 0 0 .49 0a2.06 2.06 0 0 0-.04-2.205m5.388 2.235a.35.35 0 0 0 .339.349c.439 0 1.097-2.046.758-2.475c-.14-.19-.23-.299-.359-.26c-.13.04-.33 0-.36.24a3.05 3.05 0 0 0-.378 2.146"/><path fill="#0c6fff" d="M20.966 10.22c-.35-1.128-.998-2.993-1.996-3.692c-.818-.34-.728.48-.199.848c1.147 1.297 2.075 5.139 3.313 9.55c.392 1.696.623 3.427.688 5.168c0 .19 0 .419-.579.11c-.828-.42-1.846-1.497-2.215-1.607c0-.09.53-5.378-.439-7.124a.35.35 0 0 0-.668 0c.28 2.933-.1 1.167.399 7.523c-.07.1.12 0-1.387.549c-.739.549-.699.798 0 .798l.509-.2a4 4 0 0 0 1.467-.548q.223.162.468.29a5.2 5.2 0 0 0 2.256 1.406c.528 0 .997-.19 1.207-.998c.11-5.647-1.597-8.192-2.824-12.073"/><path fill="#020202" d="M17.843 6.897a.56.56 0 0 0-.16-.529a1.2 1.2 0 0 0-.708-.19l-1.886-.149a7.4 7.4 0 0 0-.948-2.883a4.24 4.24 0 0 0-1.826-1.727a4.062 4.062 0 0 1 5.368 3.912a.348.348 0 0 0 .345.408a.35.35 0 0 0 .344-.408c.1-1.267-.818-4.99-4.23-5.309a4.7 4.7 0 0 0-3.383.998a5.04 5.04 0 0 0-3.762 1.457C5.61 3.974 5.73 6.388 5.899 8.464a.3.3 0 0 0 .6 0a14 14 0 0 1 0-1.457c.418 0 2.514-.11 3.352-.14s2.534.16 4.59.16q.095.615.11 1.237a.35.35 0 0 0 .688 0q.039-.633 0-1.267l1.995-.07c0 .09-.997 8.082-1.217 11.455a35 35 0 0 0-.08 3.832a31 31 0 0 1-8.79.518H4.852c-1.996-.08-3.523-.997-3.453-1.387v-1.157c.08-1.048.749-4.8.898-5.548c.679-3.303.639-1.746 2.176-7.743c.249-.14.2-.748-.2-.748s-.31.619-1.327 3.672a38 38 0 0 0-1.537 4.61c-.23.998-.998 4.64-1.097 5.647c-.3 2.644.02 2.525 1.087 2.914c.44.16.858.35 1.297.499c1.403.362 2.855.497 4.301.399a27.6 27.6 0 0 0 6.655-.21c2.645-.429 2.844-.369 3.104-.828c.389-.3 1.097-15.825 1.087-15.955M6.598 6.31c.24-2.146.808-3.533 3.123-3.992a6.2 6.2 0 0 0-.659 1.487c-.14.489-.309 1.128.19 1.287a.3.3 0 0 0 .38-.19a3.28 3.28 0 0 1 1.356-2.673c1.876.15 2.814 1.895 3.263 3.731a21.7 21.7 0 0 0-7.653.35"/></g></svg>

Shopping Bag Sad アイコンの使い方

React

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

<Icon icon="streamline-freehand-color:shopping-bag-sad" width="24" />

Vue

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

<template>
  <Icon icon="streamline-freehand-color:shopping-bag-sad" width="24" />
</template>

Svelte

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

<Icon icon="streamline-freehand-color:shopping-bag-sad" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand-color--shopping-bag-sad]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-freehand-color -->
<div class="i-streamline-freehand-color:shopping-bag-sad"></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-bag-sad"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/streamline-freehand-color/shopping-bag-sad.svg" alt="Shopping Bag Sad アイコン" width="24" height="24">

Freehand color icons の関連アイコン

他のアイコンセットの Shopping Bag Sad アイコン

Shopping Bag Sad アイコンのよくある質問

Shopping Bag Sad アイコンは商用利用でも無料ですか?

はい。Freehand color icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Shopping Bag Sad アイコンを使うには?

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

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

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

Freehand color icons をすべて見る →