Ikon WhatsApp
PNG transparan WhatsApp berkualitas tinggi untuk web & cetak.
Kode vektor SVG WhatsApp yang dioptimalkan untuk pengembang.
Komponen ikon React WhatsApp yang siap digunakan.
Use WhatsApp in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
Cara menggunakan Ikon WhatsApp
Salin ikon WhatsApp sebagai SVG inline, kode React, sematan HTML, atau CSS mask.
SVG Inline
Tempelkan SVG WhatsApp langsung ke dalam HTML atau JSX.
Komponen React
Gunakan WhatsApp sebagai komponen ikon React yang bertipe.
import React from 'react';
export const WhatsAppIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);Sematkan HTML
Gunakan URL ikon WhatsApp yang di-host dengan atribusi.
CSS Mask
Gunakan WhatsApp sebagai ikon CSS mask yang warnanya bisa diubah.
.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;
}Detail Ikon WhatsApp
Warna merek
Kategori
Sosial
Format
SVG, PNG, React, HTML, CSS mask
SVG viewBox
0 0 24 24
File SVG
1.2 KB · 1 path
Lisensi
Periksa panduan merek
Sumber
about.meta.comPanduan merek
about.meta.comTentang Ikon WhatsApp
icons.aboutParagraph1
Gunakan tautan sumber dan panduan merek di halaman ini untuk memverifikasi aturan penggunaan merek dagang saat ini sebelum menggunakan logo WhatsApp dalam proyek komersial, dokumentasi, mockup UI, atau halaman pemasaran.
WhatsApp Ikon Pertanyaan yang Sering Diajukan
Design a UI with the WhatsApp icon
Generate a complete page that already uses this icon, color, and brand context.