Ikona WooCommerce
Wysokiej jakości przezroczysty plik PNG WooCommerce do sieci i druku.
Zoptymalizowany wektorowy kod SVG WooCommerce dla programistów.
Gotowy do użycia komponent ikony React WooCommerce.
Jak używać ikony WooCommerce
Skopiuj ikonę WooCommerce jako wbudowany kod SVG, kod React, osadzenie HTML lub maskę CSS.
Wbudowany SVG
Wklej SVG WooCommerce bezpośrednio do HTML lub JSX.
Komponent React
Użyj WooCommerce jako typowanego komponentu ikony React.
import React from 'react';
export const WooCommerceIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);Osadzanie HTML
Użyj hostowanego adresu URL ikony WooCommerce z przypisaniem autorstwa.
Maska CSS
Użyj WooCommerce jako ikony maski CSS, której można zmieniać kolor.
.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;
}Szczegóły ikony WooCommerce
Kolor marki
Kategoria
Narzędzia
Formaty
SVG, PNG, React, HTML, maska CSS
SVG viewBox
0 0 24 24
Plik SVG
3.5 KB · 1 ścieżka
Licencja
Sprawdź wytyczne marki
Źródło
woocommerce.comWytyczne marki
woocommerce.comO ikonie WooCommerce
icons.aboutParagraph1
Przed użyciem logo WooCommerce w projektach komercyjnych, dokumentacji, makietach UI lub na stronach marketingowych, skorzystaj z linków do źródła i wytycznych marki na tej stronie, aby zweryfikować aktualne zasady użytkowania znaków towarowych.
Ikona WooCommerce - Najczęściej Zadawane Pytania
Wypróbuj generator ikon AI
Potrzebujesz zupełnie unikalnej ikony? Użyj naszego generatora SVG opartego na sztucznej inteligencji, aby stworzyć niestandardowe, profesjonalne ikony w kilka sekund.
Wypróbuj generator ikon AI