أيقونة Xcart
logos:xcart
أيقونة Xcart (logos:xcart) أيقونة SVG مجانية من مجموعة SVG Logos من تصميم Gil Barbara. مرسومة على شبكة 512 × 156. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- SVG Logos
- المؤلف
- Gil Barbara
- الترخيص
- CC0-1.0
- الحجم
- 512 × 156
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="156" viewBox="0 0 512 156"><path d="M296.358 126.996c5.22-1.205 8.834-4.417 11.244-9.638c1.204-2.81 2.007-6.425 2.81-11.243c.804-4.82.804-8.835.804-12.45V89.25h-24.094v10.842c0 2.41-.402 4.819-.804 7.228c-.401 2.41-2.409 3.614-5.622 3.614s-5.22-1.204-5.621-3.614s-.804-4.819-.804-7.228c0-7.63 0-15.661-.401-23.693c0-8.03 0-15.66.401-23.692c0-6.024 2.008-8.835 6.024-8.835s6.023 2.811 6.023 8.835v10.44h23.693c-.402-3.613-.803-7.228-1.205-11.645c-.401-4.417-1.204-7.63-2.008-10.039q-3.011-9.036-10.842-12.047c-5.22-1.606-10.44-2.811-16.063-2.811s-11.244.803-16.062 2.81q-7.83 2.41-10.843 12.048c-1.204 2.81-2.008 6.827-2.81 11.645c-.804 4.82-1.205 9.237-1.205 14.457v22.89c0 5.22.401 10.039 1.204 15.259s2.008 8.834 3.213 11.645c2.41 5.22 6.023 8.433 11.244 9.237c5.22 1.204 10.039 1.606 15.26 1.606c6.424.401 11.243 0 16.464-1.205m46.582-38.15l5.622-44.976h.401l5.622 44.976zm14.055 18.07l2.81 20.882H383.9L366.632 28.21h-35.338l-17.267 99.188h24.094l2.81-20.882h16.064zm32.125 20.481h23.693V90.453h4.015c4.016 0 6.425.803 7.63 2.41c1.205 1.606 1.606 4.015 1.606 6.826v27.709h24.094v-22.89c0-6.023-1.204-11.244-4.015-15.26c-2.811-4.015-6.827-6.424-12.047-7.63v-.4c5.22-.804 8.834-2.812 11.244-6.024c2.007-2.41 3.212-5.622 3.614-8.835c.401-3.614.401-6.826.401-10.039c0-4.417-.401-8.433-.803-12.449c-.401-4.015-2.41-7.63-6.023-10.039c-3.213-2.41-7.229-4.016-12.047-4.417c-4.418-.402-8.835-.803-12.85-.803h-29.717v98.786zm23.693-81.519h5.622c3.212 0 5.22.803 6.425 2.008c1.204 1.205 1.606 3.614 1.606 6.425v7.63c0 2.41-.402 4.417-.803 6.023c-.402 1.607-1.607 2.811-2.811 3.615c-1.205.803-2.811 1.204-5.622 1.204h-4.417zm42.566 1.606h16.063v79.913h23.692V47.485h16.063V28.21h-56.22v19.275z"/><path fill="#f29221" d="m213.635 64.351l-8.032-36.141h-24.496l14.858 47.385l-16.062 52.204H204.8l8.031-38.952h.402l8.433 38.952h24.897L230.5 75.997l14.858-47.385h-24.495zM20.855 0h113.898c11.23 0 20.855 9.224 20.855 20.855v113.898c0 11.23-9.224 20.855-20.855 20.855H20.855C9.625 155.608 0 146.384 0 134.753V20.855C.401 9.225 9.625 0 20.855 0"/><path fill="#fff" d="m122.077 77.503l-10.842 10.842l10.44 10.44c.803.804 1.607 2.41 1.607 3.615v18.874c0 2.008-.402 2.41-2.41 2.41h-8.834v-14.457c0-2.008-.402-2.811-1.607-4.016l-9.637-9.638c-1.205-1.204-2.811-1.606-4.016-1.606H65.054c-1.606 0-3.212.402-4.016 1.606l-9.637 9.638c-1.205 1.205-1.606 2.008-1.606 4.016v11.645c0 2.008-.402 2.811-2.811 2.811h-8.835V102.4c0-1.205.803-2.811 1.606-3.614l10.843-10.842l-10.441-10.441c-.803-.803-1.606-2.41-1.606-3.614v-38.15h11.645v31.323c0 2.008.402 2.81 1.606 4.016l9.638 9.637c1.205 1.205 2.811 1.607 4.016 1.607H97.18c1.606 0 3.212-.402 4.015-1.607l9.638-9.637c1.205-1.205 1.606-2.008 1.606-4.016V35.74h11.646v38.149c-.402 1.606-1.205 2.81-2.008 3.614"/><path fill="#fff" d="M61.842 57.826h8.433v8.433h-8.433zm31.322 0h8.433v8.433h-8.433zM61.842 42.165h8.433v8.433h-8.433zm31.322 0h8.433v8.433h-8.433zM77.503 57.826h8.433v8.433h-8.433zm0-15.661h8.433v8.433h-8.433z"/><path fill="#b14c26" d="M50.196 132.116c-3.614 0-6.827-2.81-7.63-6.023h6.425c1.607 0 3.213-1.607 3.213-3.213v-6.425c3.614.803 6.023 4.016 6.023 7.63c0 4.417-3.614 8.031-8.03 8.031m73.888 0c-3.614 0-6.827-2.41-7.63-6.023h6.425c1.606 0 3.213-1.607 3.213-3.213v-6.425c3.614.803 6.023 4.016 6.023 7.63c0 4.417-3.614 8.031-8.031 8.031"/></svg>كيفية استخدام أيقونة Xcart
React
import { Icon } from "@iconify/react";
<Icon icon="logos:xcart" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:xcart" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:xcart" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--xcart]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:xcart"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:xcart"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/logos/xcart.svg" alt="أيقونة Xcart" width="24" height="24">الأسئلة الشائعة حول أيقونة Xcart
هل أيقونة Xcart مجانية للاستخدام التجاري؟
نعم. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Xcart في React؟
ثبّت @iconify/react واعرض <Icon icon="logos:xcart" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Xcart إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/logos/xcart.svg" alt="أيقونة Xcart">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.