ICONYZ
العربية
أيقونة Shopping Cart Add من Plump color icons

أيقونة Shopping Cart Add

streamline-plump-color:shopping-cart-add

أيقونة Shopping Cart Add (streamline-plump-color:shopping-cart-add) أيقونة SVG مجانية من مجموعة Plump color icons من تصميم 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
الفئة
المال والتسوق
الوسوم
shoppingcart، cartadd، shoppingcartadd
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="3"><path fill="#8fbffa" d="M3.008 5.528C3.055 4.062 4.325 3 5.792 3h4.19a5 5 0 0 1 4.766 3.485L16.5 12h23.98c2.401 0 4.263 2.104 3.829 4.466c-.813 4.428-2.028 9.126-3.39 12.997c-.581 1.647-1.947 2.846-3.68 3.066c-1.866.238-4.823.471-9.24.471c-4.286 0-7.29-.22-9.262-.45c-1.95-.227-3.47-1.625-4.062-3.498C12.496 22.17 11.052 16.06 9 9H5.79C4.326 9 3.056 7.938 3.009 6.472a15 15 0 0 1 0-.944Z"/><path fill="#fff" d="M34 41a4 4 0 1 0 8 0a4 4 0 0 0-8 0m-20 0a4 4 0 1 0 8 0a4 4 0 0 0-8 0"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M3.007 5.528C3.054 4.062 4.324 3 5.791 3h4.19a5 5 0 0 1 4.766 3.485L16.5 12h23.98c2.402 0 4.263 2.104 3.829 4.466c-.813 4.428-2.027 9.126-3.39 12.997c-.581 1.647-1.947 2.846-3.68 3.066c-1.866.238-4.823.471-9.24.471c-4.286 0-7.29-.22-9.262-.45c-1.95-.227-3.47-1.625-4.062-3.498C12.495 22.17 11.05 16.06 9 9H5.79C4.324 9 3.054 7.938 3.007 6.472a15 15 0 0 1 0-.944M34 41a4 4 0 1 0 8 0a4 4 0 0 0-8 0m-20 0a4 4 0 1 0 8 0a4 4 0 0 0-8 0m19-18.5H23m5-5v10"/></g></svg>

كيفية استخدام أيقونة Shopping Cart Add

React

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

<Icon icon="streamline-plump-color:shopping-cart-add" width="24" />

Vue

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

<template>
  <Icon icon="streamline-plump-color:shopping-cart-add" width="24" />
</template>

Svelte

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

<Icon icon="streamline-plump-color:shopping-cart-add" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--shopping-cart-add]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:shopping-cart-add"></div>

مكوّن ويب

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

<iconify-icon icon="streamline-plump-color:shopping-cart-add"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/streamline-plump-color/shopping-cart-add.svg" alt="أيقونة Shopping Cart Add" width="24" height="24">

أيقونات ذات صلة في Plump color icons

أيقونة Shopping Cart Add في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Shopping Cart Add

هل أيقونة Shopping Cart Add مجانية للاستخدام التجاري؟

نعم. تُنشر Plump color icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.

كيف أستخدم أيقونة Shopping Cart Add في React؟

ثبّت @iconify/react واعرض <Icon icon="streamline-plump-color:shopping-cart-add" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Shopping Cart Add إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/shopping-cart-add.svg" alt="أيقونة Shopping Cart Add">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Plump color icons →