Ikon Claude
PNG transparan Claude berkualitas tinggi untuk web & cetak.
Kode vektor SVG Claude yang dioptimalkan untuk pengembang.
Komponen ikon React Claude yang siap digunakan.
Cara menggunakan Ikon Claude
Salin ikon Claude sebagai SVG inline, kode React, sematan HTML, atau CSS mask.
SVG Inline
Tempelkan SVG Claude langsung ke dalam HTML atau JSX.
Komponen React
Gunakan Claude sebagai komponen ikon React yang bertipe.
import React from 'react';
export const ClaudeIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);Sematkan HTML
Gunakan URL ikon Claude yang di-host dengan atribusi.
CSS Mask
Gunakan Claude sebagai ikon CSS mask yang warnanya bisa diubah.
.claude-icon {
display: inline-block;
width: 32px;
height: 32px;
background-color: #d97757;
mask: url("https://www.aiuidesigner.com/icons/claude.svg") center / contain no-repeat;
-webkit-mask: url("https://www.aiuidesigner.com/icons/claude.svg") center / contain no-repeat;
}Detail Ikon Claude
Warna merek
Kategori
AI
Format
SVG, PNG, React, HTML, CSS mask
SVG viewBox
0 0 24 24
File SVG
1.9 KB · 1 path
Lisensi
Periksa panduan merek
Sumber
claude.aiTentang Ikon Claude
icons.aboutParagraph1
Gunakan tautan sumber dan panduan merek di halaman ini untuk memverifikasi aturan penggunaan merek dagang saat ini sebelum menggunakan logo Claude dalam proyek komersial, dokumentasi, mockup UI, atau halaman pemasaran.
Claude Ikon Pertanyaan yang Sering Diajukan
Coba AI Icon Generator
Butuh ikon yang benar-benar unik? Gunakan SVG Generator bertenaga AI kami untuk membuat ikon kustom profesional dalam hitungan detik.
Coba AI Icon Generator