ICONYZ
العربية
أيقونة Cart4 من Bootstrap Icons

أيقونة Cart4

bi:cart4

أيقونة Cart4 (bi:cart4) أيقونة SVG مجانية من مجموعة Bootstrap Icons من تصميم The Bootstrap Authors. مرسومة على شبكة 24 × 24. تُنشر Bootstrap Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Bootstrap Icons
المؤلف
The Bootstrap Authors
الترخيص
MIT
الحجم
24 × 24
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M0 2.5A.5.5 0 0 1 .5 2H2a.5.5 0 0 1 .485.379L2.89 4H14.5a.5.5 0 0 1 .485.621l-1.5 6A.5.5 0 0 1 13 11H4a.5.5 0 0 1-.485-.379L1.61 3H.5a.5.5 0 0 1-.5-.5M3.14 5l.5 2H5V5zM6 5v2h2V5zm3 0v2h2V5zm3 0v2h1.36l.5-2zm1.11 3H12v2h.61zM11 8H9v2h2zM8 8H6v2h2zM5 8H3.89l.5 2H5zm0 5a1 1 0 1 0 0 2a1 1 0 0 0 0-2m-2 1a2 2 0 1 1 4 0a2 2 0 0 1-4 0m9-1a1 1 0 1 0 0 2a1 1 0 0 0 0-2m-2 1a2 2 0 1 1 4 0a2 2 0 0 1-4 0"/></svg>

كيفية استخدام أيقونة Cart4

React

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

<Icon icon="bi:cart4" width="24" />

Vue

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

<template>
  <Icon icon="bi:cart4" width="24" />
</template>

Svelte

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

<Icon icon="bi:cart4" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[bi--cart4]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/bi -->
<div class="i-bi:cart4"></div>

مكوّن ويب

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

<iconify-icon icon="bi:cart4"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/bi/cart4.svg" alt="أيقونة Cart4" width="24" height="24">

أيقونة Cart4 في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Cart4

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

نعم. تُنشر Bootstrap Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Cart4 في React؟

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

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

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/bi/cart4.svg" alt="أيقونة Cart4">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Bootstrap Icons →