Cart Large4 アイコン
reicon:cart-large4
Cart Large4 アイコン(reicon:cart-large4)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M9.375 8.26a.75.75 0 0 1 .865.615l.528 3.118a.75.75 0 0 1-1.48.25l-.527-3.118a.75.75 0 0 1 .614-.864m5.415.614a.75.75 0 1 1 1.478.25l-.528 3.118a.75.75 0 1 1-1.48-.25z"/><path fill-rule="evenodd" d="M2.249 2.292a.75.75 0 1 0-.498 1.416l.262.091c.667.235 1.106.39 1.429.549c.303.149.437.27.525.398c.09.132.16.314.2.677c.04.38.041.875.041 1.615V9.76c0 1.453.014 2.5.151 3.3c.146.854.438 1.466.985 2.042c.594.627 1.346.9 2.243 1.026c.858.122 1.948.122 3.293.122h5.406c.742 0 1.366 0 1.87-.062c.537-.065 1.025-.209 1.452-.556c.426-.348.665-.797.837-1.309c.163-.482.289-1.093.439-1.82l.508-2.469l.002-.005l.01-.052c.165-.825.303-1.519.338-2.077c.036-.586-.031-1.164-.413-1.66c-.235-.306-.565-.479-.866-.584a4.6 4.6 0 0 0-1.002-.21c-.687-.076-1.522-.076-2.34-.076H5.667l-.01-.108c-.054-.497-.17-.95-.453-1.362c-.284-.416-.662-.682-1.102-.899c-.412-.202-.936-.386-1.553-.603zm3.46 4.578h11.38c.856 0 1.61.001 2.205.067c.296.034.517.08.672.134a.6.6 0 0 1 .176.086c.062.082.128.23.102.651c-.027.444-.143 1.036-.321 1.926v.002l-.5 2.42c-.16.783-.27 1.303-.399 1.688c-.123.366-.239.523-.364.625s-.303.184-.685.23c-.404.05-.935.051-1.734.051h-5.303c-1.417 0-2.4-.002-3.14-.107c-.716-.101-1.093-.285-1.366-.573c-.32-.338-.493-.668-.595-1.263c-.11-.65-.129-1.558-.129-3.047zM7.5 21.75a2.25 2.25 0 1 1 0-4.5a2.25 2.25 0 0 1 0 4.5m-.75-2.25a.75.75 0 1 0 1.5 0a.75.75 0 0 0-1.5 0m9.75 2.25a2.25 2.25 0 1 1 0-4.5a2.25 2.25 0 0 1 0 4.5m-.75-2.25a.75.75 0 1 0 1.5 0a.75.75 0 0 0-1.5 0" clip-rule="evenodd"/></g></svg>Cart Large4 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:cart-large4" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:cart-large4" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:cart-large4" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--cart-large4]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:cart-large4"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:cart-large4"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/reicon/cart-large4.svg" alt="Cart Large4 アイコン" width="24" height="24">Reicon の関連アイコン
cart
cart-add
cart-add-duotone
cart-add-filled
cart-add2
cart-add2-filled
cart-check
cart-check-duotone
cart-check-filled
cart-check2
cart-check2-filled
cart-down
cart-down-filled
cart-duotone
cart-filled
cart-large
cart-large-duotone
cart-large-filled
cart-large2
cart-large2-duotone
cart-large2-filled
cart-large3
cart-large3-duotone
cart-large3-filled
Cart Large4 アイコン のよくある質問
Cart Large4 アイコンは商用利用でも無料ですか?
はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Cart Large4 アイコンを使うには?
@iconify/react をインストールして <Icon icon="reicon:cart-large4" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cart Large4 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/cart-large4.svg" alt="Cart Large4 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。