Ikona WhatsApp
Wysokiej jakości przezroczysty plik PNG WhatsApp do sieci i druku.
Zoptymalizowany wektorowy kod SVG WhatsApp dla programistów.
Gotowy do użycia komponent ikony React WhatsApp.
Use WhatsApp in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
Jak używać ikony WhatsApp
Skopiuj ikonę WhatsApp jako wbudowany kod SVG, kod React, osadzenie HTML lub maskę CSS.
Wbudowany SVG
Wklej SVG WhatsApp bezpośrednio do HTML lub JSX.
Komponent React
Użyj WhatsApp jako typowanego komponentu ikony React.
import React from 'react';
export const WhatsAppIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);Osadzanie HTML
Użyj hostowanego adresu URL ikony WhatsApp z przypisaniem autorstwa.
Maska CSS
Użyj WhatsApp jako ikony maski CSS, której można zmieniać kolor.
.whatsapp-icon {
display: inline-block;
width: 32px;
height: 32px;
background-color: #25d366;
mask: url("https://www.aiuidesigner.com/icons/whatsapp.svg") center / contain no-repeat;
-webkit-mask: url("https://www.aiuidesigner.com/icons/whatsapp.svg") center / contain no-repeat;
}Szczegóły ikony WhatsApp
Kolor marki
Kategoria
Media społecznościowe
Formaty
SVG, PNG, React, HTML, maska CSS
SVG viewBox
0 0 24 24
Plik SVG
1.2 KB · 1 ścieżka
Licencja
Sprawdź wytyczne marki
Źródło
about.meta.comWytyczne marki
about.meta.comO ikonie WhatsApp
icons.aboutParagraph1
Przed użyciem logo WhatsApp 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 WhatsApp - Najczęściej Zadawane Pytania
Design a UI with the WhatsApp icon
Generate a complete page that already uses this icon, color, and brand context.