ICONYZ
العربية
أيقونة Woocommerce Icon من SVG Logos

أيقونة Woocommerce Icon

logos:woocommerce-icon

أيقونة Woocommerce Icon (logos:woocommerce-icon) أيقونة SVG مجانية من مجموعة SVG Logos من تصميم Gil Barbara. مرسومة على شبكة 256 × 153. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
SVG Logos
المؤلف
Gil Barbara
الترخيص
CC0-1.0
الحجم
256 × 153
الوسوم
woocommerceicon
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="153" viewBox="0 0 256 153"><path fill="#7f54b3" fill-rule="evenodd" d="M232.138 0H23.759C10.572 0-.103 10.78.001 23.862v79.542c0 13.187 10.676 23.863 23.863 23.863h98.694l45.11 25.118l-10.258-25.118h74.728c13.187 0 23.862-10.676 23.862-23.863V23.862C256 10.675 245.325 0 232.138 0M19.364 18.42c-2.93.21-5.128 1.256-6.594 3.245c-1.465 1.883-1.988 4.29-1.674 7.012q9.262 58.871 17.269 79.437c2.093 5.023 4.5 7.431 7.326 7.222c4.396-.315 9.629-6.385 15.804-18.211q4.867-10.048 15.07-30.143c5.652 19.781 13.397 34.643 23.13 44.586c2.722 2.825 5.548 4.081 8.268 3.872c2.408-.21 4.292-1.465 5.548-3.768q1.57-2.982 1.256-6.907c-.628-9.524.314-22.816 2.93-39.876c2.721-17.583 6.07-30.247 10.152-37.782c.837-1.57 1.151-3.14 1.047-5.024c-.21-2.407-1.256-4.395-3.245-5.965c-1.988-1.57-4.186-2.303-6.593-2.094c-3.035.21-5.338 1.675-6.908 4.605c-6.489 11.827-11.094 30.98-13.815 57.563C84.358 66.145 81.01 54.32 78.392 40.4c-1.15-6.175-3.977-9.106-8.582-8.792q-4.71.315-7.85 6.28L39.04 81.53c-3.768-15.176-7.326-33.7-10.57-55.574q-1.1-8.164-9.106-7.536m201.68 7.536c7.431 1.57 12.978 5.547 16.746 12.14c3.349 5.652 5.023 12.455 5.023 20.619c0 10.78-2.72 20.618-8.163 29.618c-6.28 10.467-14.443 15.7-24.595 15.7q-2.67 0-5.652-.629c-7.43-1.57-12.978-5.546-16.746-12.14q-5.023-8.634-5.023-20.723q0-16.17 8.163-29.514c6.385-10.466 14.548-15.699 24.596-15.699q2.669 0 5.651.628m-4.395 56.62c3.872-3.453 6.488-8.581 7.954-15.489c.418-2.407.732-5.023.732-7.744c0-3.036-.628-6.28-1.884-9.525c-1.57-4.081-3.663-6.28-6.175-6.802c-3.767-.733-7.43 1.36-10.884 6.489c-2.826 3.977-4.606 8.163-5.547 12.454c-.524 2.407-.733 5.024-.733 7.64c0 3.035.628 6.28 1.884 9.524c1.57 4.082 3.663 6.28 6.175 6.803c2.616.523 5.442-.628 8.478-3.35m-44.481-44.48c-3.768-6.593-9.42-10.57-16.746-12.14q-2.983-.628-5.652-.628c-10.047 0-18.21 5.233-24.595 15.7q-8.164 13.343-8.163 29.513q0 12.09 5.023 20.723c3.768 6.594 9.315 10.57 16.746 12.14q2.982.628 5.652.628c10.152 0 18.315-5.232 24.595-15.699c5.442-9 8.163-18.839 8.163-29.618c0-8.164-1.675-14.967-5.023-20.618M158.98 67.088c-1.465 6.908-4.082 12.036-7.954 15.49c-3.035 2.721-5.86 3.872-8.477 3.35c-2.512-.524-4.606-2.722-6.175-6.804c-1.256-3.244-1.884-6.489-1.884-9.524c0-2.616.209-5.233.733-7.64c.941-4.291 2.72-8.477 5.546-12.454c3.455-5.129 7.118-7.222 10.885-6.49c2.512.524 4.605 2.722 6.175 6.803c1.256 3.245 1.884 6.49 1.884 9.525c0 2.72-.21 5.337-.733 7.744"/></svg>

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

React

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

<Icon icon="logos:woocommerce-icon" width="24" />

Vue

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

<template>
  <Icon icon="logos:woocommerce-icon" width="24" />
</template>

Svelte

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

<Icon icon="logos:woocommerce-icon" width="24" />

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:woocommerce-icon"></div>

مكوّن ويب

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

<iconify-icon icon="logos:woocommerce-icon"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/logos/woocommerce-icon.svg" alt="أيقونة Woocommerce Icon" width="24" height="24">

أيقونات ذات صلة في SVG Logos

أيقونة woocommerce
woocommerce

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

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

نعم. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

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

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

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

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

تصفح كل أيقونات SVG Logos →