Shopping Basket 1 Flat アイコン
streamline-plump-color:shopping-basket-1-flat
Shopping Basket 1 Flat アイコン(streamline-plump-color:shopping-basket-1-flat)は、Plump color icons セットの無料 SVG アイコンです(作者: Streamline)。 48 × 48 のグリッドで描かれています。 Plump color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Plump color icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 48 × 48
- カテゴリ
- お金・ショッピング
- タグ
- shoppingbasket、basketflat、shoppingbasketflat
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#8fbffa" fill-rule="evenodd" d="M16.187 3.5c-1.867 0-3.646.95-4.61 2.621c-1.172 2.033-3.05 5.51-4.637 9.472c.88-.011 1.964-.024 3.26-.036a75 75 0 0 1 3.976-7.936c.397-.69 1.153-1.121 2.01-1.121h2.815a1.5 1.5 0 0 0 0-3zm20.236 2.621c1.173 2.033 3.051 5.51 4.637 9.472c-.88-.011-1.963-.024-3.26-.036a75 75 0 0 0-3.975-7.936c-.398-.69-1.154-1.121-2.011-1.121H29a1.5 1.5 0 0 1 0-3h2.814c1.867 0 3.645.95 4.61 2.621ZM24 24.501c-9.678 0-15.54-.069-18.243-.111a6 6 0 0 1-.934-.093c.097.864.218 1.876.366 3c.483 3.671 1.253 8.557 2.402 13.375a6.88 6.88 0 0 0 5.97 5.269a99 99 0 0 0 10.44.56c4.217 0 7.885-.286 10.44-.56a6.88 6.88 0 0 0 5.97-5.27c1.148-4.817 1.919-9.703 2.402-13.375c.147-1.123.269-2.135.366-3a6 6 0 0 1-.935.094c-2.704.042-8.566.11-18.244.11Z" clip-rule="evenodd"/><path fill="#2859c5" d="M24 24.5c-9.678 0-15.54-.068-18.243-.11c-1.344-.021-3.483-.564-4.046-2.698A6.6 6.6 0 0 1 1.5 20c0-.637.081-1.2.21-1.692c.564-2.134 2.703-2.676 4.047-2.697C8.46 15.568 14.322 15.5 24 15.5s15.54.068 18.243.11c1.344.022 3.483.564 4.046 2.698c.13.491.211 1.055.211 1.692s-.081 1.2-.21 1.692c-.564 2.134-2.703 2.677-4.047 2.698c-2.704.042-8.565.11-18.243.11m0-16c1.606 0 2.778-.022 3.569-.045c1.343-.04 2.784-.963 2.904-2.66a11 11 0 0 0 0-1.59c-.12-1.697-1.561-2.62-2.904-2.66c-.79-.023-1.963-.045-3.569-.045s-2.778.022-3.569.045c-1.343.04-2.784.963-2.904 2.66a11 11 0 0 0 0 1.59c.12 1.697 1.561 2.62 2.904 2.66c.79.023 1.963.045 3.569.045"/><path fill="#2859c5" fill-rule="evenodd" d="M15.814 29.512a1.5 1.5 0 0 1 1.675 1.302l1 8a1.5 1.5 0 0 1-2.977.372l-1-8a1.5 1.5 0 0 1 1.302-1.674m16.372 0a1.5 1.5 0 0 0-1.675 1.302l-1 8a1.5 1.5 0 0 0 2.977.372l1-8a1.5 1.5 0 0 0-1.302-1.674M24 29.5a1.5 1.5 0 0 1 1.5 1.5v8a1.5 1.5 0 0 1-3 0v-8a1.5 1.5 0 0 1 1.5-1.5" clip-rule="evenodd"/></g></svg>Shopping Basket 1 Flat アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump-color:shopping-basket-1-flat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump-color:shopping-basket-1-flat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump-color:shopping-basket-1-flat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--shopping-basket-1-flat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:shopping-basket-1-flat"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump-color:shopping-basket-1-flat"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-plump-color/shopping-basket-1-flat.svg" alt="Shopping Basket 1 Flat アイコン" width="24" height="24">Plump color icons の関連アイコン
他のアイコンセットの Shopping Basket 1 Flat アイコン
Shopping Basket 1 Flat アイコン のよくある質問
Shopping Basket 1 Flat アイコンは商用利用でも無料ですか?
はい。Plump color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Shopping Basket 1 Flat アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-plump-color:shopping-basket-1-flat" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Shopping Basket 1 Flat アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/shopping-basket-1-flat.svg" alt="Shopping Basket 1 Flat アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。