Puis-je utiliser l'icône WooCommerce pour des projets commerciaux ?

Oui, vous pouvez utiliser l'icône WooCommerce dans vos projets commerciaux. Cependant, veuillez noter que le logo WooCommerce est une marque déposée. Vous devez respecter leurs directives de marque et ne pas suggérer une approbation.

Comment utiliser l'icône WooCommerce dans Figma ?

Le moyen le plus simple est de copier le code SVG de WooCommerce depuis notre site et de le coller directement dans Figma. Vous pouvez également télécharger le fichier SVG de WooCommerce et le faire glisser sur votre canvas Figma.

Quels formats de l'icône WooCommerce sont disponibles au téléchargement ?

Nous fournissons l'icône WooCommerce au format SVG (vectoriel) de haute qualité, parfait pour le web et l'impression. Vous pouvez également la télécharger en tant qu'image PNG transparente WooCommerce ou copier le code du composant React.

Icône WooCommerce

Outils#96588A

PNG transparent de haute qualité de WooCommerce pour le web et l'impression.

Code vecteur SVG optimisé de WooCommerce pour les développeurs.

Composant d'icône React WooCommerce prêt à l'emploi.

Comment utiliser l'icône WooCommerce

Copiez l'icône WooCommerce en tant que SVG inline, code React, intégration HTML ou masque CSS.

SVG Inline

Collez le SVG de WooCommerce directement dans votre HTML ou JSX.

Composant React

Utilisez WooCommerce comme un composant d'icône React typé.

import React from 'react';

export const WooCommerceIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
  
);

Intégration HTML

Utilisez une URL d'icône WooCommerce hébergée avec attribution.

Masque CSS

Utilisez WooCommerce comme une icône de masque CSS dont la couleur est modifiable.

.woocommerce-icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-color: #96588a;
  mask: url("https://www.aiuidesigner.com/icons/woocommerce.svg") center / contain no-repeat;
  -webkit-mask: url("https://www.aiuidesigner.com/icons/woocommerce.svg") center / contain no-repeat;
}

Détails de l'icône WooCommerce

Couleur de la marque

#96588A

Catégorie

Outils

Formats

SVG, PNG, React, HTML, masque CSS

viewBox SVG

0 0 24 24

Fichier SVG

3.5 KB · 1 tracé

Licence

Consultez la charte graphique

Source

woocommerce.com

Charte graphique

woocommerce.com

À propos de l'icône WooCommerce

L<strong class="">icône {name}</strong> est disponible ici en tant que ressource de marque au format SVG. Elle est classée dans la catégorie <strong class="">{category}</strong> et utilise la couleur de marque <code class="">{hex}</code>. Vous pouvez la télécharger en PNG transparent, copier le SVG inline, utiliser un composant React ou lintégrer via HTML.

Veuillez consulter les liens vers la source et la charte graphique sur cette page pour vérifier les règles d'utilisation actuelles de la marque avant d'utiliser le logo WooCommerce dans des projets commerciaux, de la documentation, des maquettes d'interface ou des pages marketing.

Mots-clés :ecommercewordpressstore

Foire aux questions sur l'icône WooCommerce

Essayer le générateur d'icônes IA

Besoin d'une icône complètement unique ? Utilisez notre générateur SVG basé sur l'IA pour créer des icônes personnalisées et professionnelles en quelques secondes.

Essayer le générateur d'icônes IA

WooCommerce Icônes similaires