Ikona Claude
Wysokiej jakości przezroczysty plik PNG Claude do sieci i druku.
Zoptymalizowany wektorowy kod SVG Claude dla programistów.
Gotowy do użycia komponent ikony React Claude.
Use Claude in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
Jak używać ikony Claude
Skopiuj ikonę Claude jako wbudowany kod SVG, kod React, osadzenie HTML lub maskę CSS.
Wbudowany SVG
Wklej SVG Claude bezpośrednio do HTML lub JSX.
Komponent React
Użyj Claude jako typowanego komponentu ikony React.
import React from 'react';
export const ClaudeIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);Osadzanie HTML
Użyj hostowanego adresu URL ikony Claude z przypisaniem autorstwa.
Maska CSS
Użyj Claude jako ikony maski CSS, której można zmieniać kolor.
.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;
}Szczegóły ikony Claude
Kolor marki
Kategoria
Sztuczna Inteligencja
Formaty
SVG, PNG, React, HTML, maska CSS
SVG viewBox
0 0 24 24
Plik SVG
1.9 KB · 1 ścieżka
Licencja
Sprawdź wytyczne marki
Źródło
claude.aiO ikonie Claude
icons.aboutParagraph1
Przed użyciem logo Claude 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 Claude - Najczęściej Zadawane Pytania
Design a UI with the Claude icon
Generate a complete page that already uses this icon, color, and brand context.