AI UI Designer Logo
AI UI Designer

Claude-ikon

AI#D97757

Høykvalitets gjennomsiktig Claude PNG for web og trykk.

Optimalisert Claude SVG-vektorkode for utviklere.

Klar til bruk Claude React-ikonkomponent.

Slik bruker du Claude-ikonet

Kopier Claude-ikonet som inline SVG, React-kode, HTML-innbygging eller CSS-maske.

Inline SVG

Lim Claude SVG direkte inn i HTML eller JSX.

React-komponent

Bruk Claude som en typet React-ikonkomponent.

import React from 'react';

export const ClaudeIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
  
);

HTML-innbygging

Bruk en hostet URL for Claude-ikonet med kreditering.

CSS-maske

Bruk Claude som et fargeleggbart CSS-maskeikon.

.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;
}

Detaljer om Claude-ikonet

Merkevarefarge

#D97757

Kategori

AI

Formater

SVG, PNG, React, HTML, CSS-maske

SVG viewBox

0 0 24 24

SVG-fil

1.9 KB · 1 bane

Lisens

Sjekk merkevareveiledningen

Om Claude-ikonet

Claude-ikonet er tilgjengelig her som en merkevareressurs i SVG-format. Det er kategorisert under AI og bruker merkevarefargen #D97757. Du kan laste det ned som en gjennomsiktig PNG, kopiere inline SVG, kopiere en React-komponent eller bygge det inn med HTML.

Bruk lenkene til kilde og merkevareveiledning på denne siden for å verifisere gjeldende regler for bruk av varemerker før du bruker Claude-logoen i kommersielle prosjekter, dokumentasjon, UI-skisser eller markedsføringssider.

Tags:aiassistantanthropic

Claude Ikon Ofte Stilte Spørsmål

Prøv AI-ikongenerator

Trenger du et helt unikt ikon? Bruk vår AI-drevne SVG-generator for å lage tilpassede, profesjonelle ikoner på få sekunder.

Prøv AI-ikongenerator

Claude Relaterte ikoner