ICONYZ
日本語
Keyline Icons の Shopping Cart Plus Two Tone アイコン

Shopping Cart Plus Two Tone アイコン

keyline-icons:shopping-cart-plus-two-tone

Shopping Cart Plus Two Tone アイコン(keyline-icons:shopping-cart-plus-two-tone)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Keyline Icons
作者
Keyline Icons
ライセンス
MIT
サイズ
24 × 24
タグ
shoppingcart、cartplus、plustwo、twotone、shoppingcartplustwotone
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M4.02986 7.24254C3.87207 6.61139 4.34943 6 5 6L12 6C12.5523 6 13 6.4477 13 7L13 9C13 10.6569 14.3431 12 16 12L19.8831 12C20.4354 12 20.8831 12.4477 20.8831 13C20.8831 13.1391 20.8541 13.2767 20.7979 13.4039L20.178 14.8079C19.858 15.5325 19.1405 16 18.3484 16L7.78078 16C6.86305 16 6.06308 15.3754 5.8405 14.4851L4.02986 7.24254Z" stroke="none"/><path d="M2 3L3.2192 3C3.6781 3 4.0781 3.3123 4.1894 3.7575L5 7M19.8831 13L19.2632 14.4039C19.1032 14.7662 18.7445 15 18.3484 15L7.78078 15C7.32191 15 6.92193 14.6877 6.81063 14.2425L5 7L12 7M19 3V9M16 6H22"/><path fill="currentColor" d="M10.5 20.5C10.5 21.3284 9.8284 22 9 22C8.1716 22 7.5 21.3284 7.5 20.5C7.5 19.6716 8.1716 19 9 19C9.8284 19 10.5 19.6716 10.5 20.5ZM18.5 20.5C18.5 21.3284 17.8284 22 17 22C16.1716 22 15.5 21.3284 15.5 20.5C15.5 19.6716 16.1716 19 17 19C17.8284 19 18.5 19.6716 18.5 20.5Z" stroke="none"/></g></svg>

Shopping Cart Plus Two Tone アイコンの使い方

React

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

<Icon icon="keyline-icons:shopping-cart-plus-two-tone" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:shopping-cart-plus-two-tone" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:shopping-cart-plus-two-tone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--shopping-cart-plus-two-tone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:shopping-cart-plus-two-tone"></div>

Web コンポーネント

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

<iconify-icon icon="keyline-icons:shopping-cart-plus-two-tone"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/keyline-icons/shopping-cart-plus-two-tone.svg" alt="Shopping Cart Plus Two Tone アイコン" width="24" height="24">

Keyline Icons の関連アイコン

Shopping Cart Plus Two Tone アイコン のよくある質問

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

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

React で Shopping Cart Plus Two Tone アイコンを使うには?

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

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

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

Keyline Icons をすべて見る →