Question 1

How to use the ClaudeAI icon in React?

Accepted Answer

Import the ClaudeAI component: import { ClaudeAI } from "@/icons/ai/ClaudeAI". Then use it as <ClaudeAI size={24} color="currentColor" />. No npm install needed — just copy the file into your project.

Question 2

Is the ClaudeAI icon free to use?

Accepted Answer

Yes, the ClaudeAI icon is 100% free and open source under the MIT license. Use it in personal and commercial projects without attribution.

Question 3

Can I customize the claude ai icon size and color?

Accepted Answer

Yes. Pass size prop (number) to control dimensions, color prop (string) for fill/stroke color, and className for Tailwind or CSS styling. All standard SVG props are also supported.

Question 4

Does the ClaudeAI icon work with Next.js and Tailwind CSS?

Accepted Answer

Yes. The icon is a TypeScript React component that works with Next.js App Router, Pages Router, and Tailwind CSS. It's also compatible with Vue, Remix, Svelte, Astro, and any JSX/TSX framework.

Question 5

Do I need to install any package for the claude ai icon?

Accepted Answer

No. Next Icons is a zero-dependency icon library. Simply copy the component source code into your project and import it. No npm install, no package.json changes.