Shopping Cart Sign アイコン

el:shopping-cart-sign

Shopping Cart Sign アイコン(el:shopping-cart-sign)は、Elusive Icons セットの無料 SVG アイコンです（作者: Team Redux）。 1200 × 1200 のグリッドで描かれています。 Elusive Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Elusive Icons
作者: Team Redux
ライセンス: OFL-1.1
サイズ: 1200 × 1200
タグ: shoppingcart、cartsign、shoppingcartsign

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M600 0C268.629 0 0 268.629 0 600s268.629 600 600 600s600-268.629 600-600S931.371 0 600 0M297.583 253.491l106.787 33.545c14.137 4.643 23.553 17.771 25.195 31.201l6.006 58.812l483.545 53.979c20.763 4.022 35.353 22.769 32.446 42.041l-30.029 169.188c-3.822 17.697-18.479 29.828-34.79 30.029H457.178l-8.423 47.974h407.959c21.332.751 36.957 16.995 37.207 35.962c-.885 21.638-18.325 35.801-37.207 36.035H405.542c-22.756-1.882-39.462-19.915-35.962-41.968l19.189-105.615l-30.029-295.236l-82.764-26.366c-9.6-3.2-16.806-9.219-21.606-18.019c-9.082-19.032-.599-40.104 15.601-49.219c9.246-4.806 18.276-5.405 27.612-2.343m162.598 559.497c31.066 0 56.25 25.184 56.25 56.25s-25.184 56.25-56.25 56.25c-31.064 0-56.25-25.185-56.25-56.25s25.184-56.25 56.25-56.25m330.175 0c31.065 0 56.25 25.184 56.25 56.25s-25.185 56.25-56.25 56.25s-56.25-25.185-56.25-56.25s25.185-56.25 56.25-56.25"/></svg>

Shopping Cart Sign アイコンの使い方

React

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

<Icon icon="el:shopping-cart-sign" width="24" />

Vue

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

<template>
  <Icon icon="el:shopping-cart-sign" width="24" />
</template>

Svelte

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

<Icon icon="el:shopping-cart-sign" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[el--shopping-cart-sign]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/el -->
<div class="i-el:shopping-cart-sign"></div>

Web コンポーネント

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

<iconify-icon icon="el:shopping-cart-sign"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/el/shopping-cart-sign.svg" alt="Shopping Cart Sign アイコン" width="24" height="24">

Elusive Icons の関連アイコン

Shopping Cart Sign アイコンのよくある質問

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

はい。Elusive Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。

React で Shopping Cart Sign アイコンを使うには?

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

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

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

Elusive Icons をすべて見る →