ICONYZ
日本語
Font Awesome 6 Solid の Cart Plus アイコン

Cart Plus アイコン

fa6-solid:cart-plus

Cart Plus アイコン(fa6-solid:cart-plus)は、Font Awesome 6 Solid セットの無料 SVG アイコンです(作者: Dave Gandy)。 576 × 512 のグリッドで描かれています。 Font Awesome 6 Solid icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Font Awesome 6 Solid
作者
Dave Gandy
ライセンス
CC-BY-4.0
サイズ
576 × 512
カテゴリ
ステータス、ショッピング、支払い・ショッピング
タグ
cartplus
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="576" height="512" viewBox="0 0 576 512"><path fill="currentColor" d="M0 24C0 10.7 10.7 0 24 0h45.5c22 0 41.5 12.8 50.6 32h411c26.3 0 45.5 25 38.6 50.4l-41 152.3c-8.5 31.4-37 53.3-69.5 53.3H170.7l5.4 28.5c2.2 11.3 12.1 19.5 23.6 19.5H488c13.3 0 24 10.7 24 24s-10.7 24-24 24H199.7c-34.6 0-64.3-24.6-70.7-58.5l-51.6-271c-.7-3.8-4-6.5-7.9-6.5H24C10.7 48 0 37.3 0 24m128 440a48 48 0 1 1 96 0a48 48 0 1 1-96 0m336-48a48 48 0 1 1 0 96a48 48 0 1 1 0-96M252 160c0 11 9 20 20 20h44v44c0 11 9 20 20 20s20-9 20-20v-44h44c11 0 20-9 20-20s-9-20-20-20h-44V96c0-11-9-20-20-20s-20 9-20 20v44h-44c-11 0-20 9-20 20"/></svg>

Cart Plus アイコンの使い方

React

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

<Icon icon="fa6-solid:cart-plus" width="24" />

Vue

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

<template>
  <Icon icon="fa6-solid:cart-plus" width="24" />
</template>

Svelte

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

<Icon icon="fa6-solid:cart-plus" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fa6-solid--cart-plus]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fa6-solid -->
<div class="i-fa6-solid:cart-plus"></div>

Web コンポーネント

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

<iconify-icon icon="fa6-solid:cart-plus"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fa6-solid/cart-plus.svg" alt="Cart Plus アイコン" width="24" height="24">

Font Awesome 6 Solid の関連アイコン

他のアイコンセットの Cart Plus アイコン

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

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

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

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

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

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

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

Font Awesome 6 Solid アイコン をすべて見る →