ICONYZ
Español
Icono Woocommerce Icon de SVG Logos

Icono Woocommerce Icon

logos:woocommerce-icon

El icono Woocommerce Icon (logos:woocommerce-icon) es un icono SVG gratuito de la colección SVG Logos de Gil Barbara. Está dibujado en una cuadrícula de 256 × 153. SVG Logos icons se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
SVG Logos
Autor
Gil Barbara
Licencia
CC0-1.0
Tamaño
256 × 153
Etiquetas
woocommerceicon
Descargar SVG

Código 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>

Cómo usar el icono 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>

Web component

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

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

Imagen HTML

<img src="https://iconyz.com/api/public/svg/logos/woocommerce-icon.svg" alt="Icono Woocommerce Icon" width="24" height="24">

Iconos relacionados en SVG Logos

Icono woocommerce
woocommerce

Preguntas frecuentes sobre Icono Woocommerce Icon

¿El icono Woocommerce Icon es gratis para uso comercial?

Sí. SVG Logos icons se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Woocommerce Icon en React?

Instala @iconify/react y renderiza <Icon icon="logos:woocommerce-icon" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Woocommerce Icon a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/logos/woocommerce-icon.svg" alt="Icono Woocommerce Icon">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos SVG Logos →