@lobehub/icons 5.12.0 → 5.14.0

package/es/Claude/index.mdx

@@ -0,0 +1,113 @@
+---
+title: Claude
+description: https://claude.ai
+category: Model
+---
+
+import { Claude } from '@lobehub/icons';
+import { Flexbox } from '@lobehub/ui';
+
+import ColorPreview from '../components/ColorPreview';
+import DocsPreview from '../components/DocsPreview';
+
+## Icons
+
+<DocsPreview>
+  {
+    <Flexbox gap={16} horizontal>
+      <Claude size={64} />
+      <Claude.Color size={64} />
+    </Flexbox>
+  }
+</DocsPreview>
+
+```tsx
+import { Claude } from '@lobehub/icons';
+import { Flexbox } from '@lobehub/ui';
+
+export default () => (
+  <Flexbox gap={16} horizontal>
+    <Claude size={64} />
+    <Claude.Color size={64} />
+  </Flexbox>
+);
+```
+
+## Text
+
+<DocsPreview>{<Claude.Text size={48} />}</DocsPreview>
+
+```tsx
+import { Claude } from '@lobehub/icons';
+
+export default () => <Claude.Text size={48} />;
+```
+
+## Combine
+
+<DocsPreview>
+  {
+    <Flexbox gap={16} align={'flex-start'}>
+      <Claude.Combine size={64} />
+      <Claude.Combine size={64} type={'color'} />
+    </Flexbox>
+  }
+</DocsPreview>
+
+```tsx
+import { Claude } from '@lobehub/icons';
+import { Flexbox } from '@lobehub/ui';
+
+export default () => (
+  <Flexbox gap={16} align={'flex-start'}>
+    <Claude.Combine size={64} />
+    <Claude.Combine size={64} type={'color'} />
+  </Flexbox>
+);
+```
+
+## Avatars
+
+<DocsPreview>
+  {
+    <Flexbox gap={16} horizontal>
+      <Claude.Avatar size={64} />
+      <Claude.Avatar size={64} shape={'square'} />
+    </Flexbox>
+  }
+</DocsPreview>
+
+```tsx
+import { Claude } from '@lobehub/icons';
+import { Flexbox } from '@lobehub/ui';
+
+export default () => (
+  <Flexbox gap={16} horizontal>
+    <Claude.Avatar size={64} />
+    <Claude.Avatar size={64} shape={'square'} />
+  </Flexbox>
+);
+```
+
+## Colors
+
+<DocsPreview>
+  {
+    <Flexbox gap={16} horizontal>
+      <ColorPreview color={Claude.colorPrimary} />
+    </Flexbox>
+  }
+</DocsPreview>
+
+```tsx
+import { Claude } from '@lobehub/icons';
+import { Flexbox } from '@lobehub/ui';
+
+import ColorPreview from '../components/ColorPreview';
+
+export default () => (
+  <Flexbox gap={16} horizontal>
+    <ColorPreview color={Claude.colorPrimary} />
+  </Flexbox>
+);
+```

package/es/ClaudeCode/index.mdx

@@ -0,0 +1,113 @@
+---
+title: Claude Code
+description: https://code.claude.com
+category: Application
+---
+
+import { ClaudeCode } from '@lobehub/icons';
+import { Flexbox } from '@lobehub/ui';
+
+import ColorPreview from '../components/ColorPreview';
+import DocsPreview from '../components/DocsPreview';
+
+## Icons
+
+<DocsPreview>
+  {
+    <Flexbox gap={16} horizontal>
+      <ClaudeCode size={64} />
+      <ClaudeCode.Color size={64} />
+    </Flexbox>
+  }
+</DocsPreview>
+
+```tsx
+import { ClaudeCode } from '@lobehub/icons';
+import { Flexbox } from '@lobehub/ui';
+
+export default () => (
+  <Flexbox gap={16} horizontal>
+    <ClaudeCode size={64} />
+    <ClaudeCode.Color size={64} />
+  </Flexbox>
+);
+```
+
+## Text
+
+<DocsPreview>{<ClaudeCode.Text size={48} />}</DocsPreview>
+
+```tsx
+import { ClaudeCode } from '@lobehub/icons';
+
+export default () => <ClaudeCode.Text size={48} />;
+```
+
+## Combine
+
+<DocsPreview>
+  {
+    <Flexbox gap={16} align={'flex-start'}>
+      <ClaudeCode.Combine size={64} />
+      <ClaudeCode.Combine size={64} type={'color'} />
+    </Flexbox>
+  }
+</DocsPreview>
+
+```tsx
+import { ClaudeCode } from '@lobehub/icons';
+import { Flexbox } from '@lobehub/ui';
+
+export default () => (
+  <Flexbox gap={16} align={'flex-start'}>
+    <ClaudeCode.Combine size={64} />
+    <ClaudeCode.Combine size={64} type={'color'} />
+  </Flexbox>
+);
+```
+
+## Avatars
+
+<DocsPreview>
+  {
+    <Flexbox gap={16} horizontal>
+      <ClaudeCode.Avatar size={64} />
+      <ClaudeCode.Avatar size={64} shape={'square'} />
+    </Flexbox>
+  }
+</DocsPreview>
+
+```tsx
+import { ClaudeCode } from '@lobehub/icons';
+import { Flexbox } from '@lobehub/ui';
+
+export default () => (
+  <Flexbox gap={16} horizontal>
+    <ClaudeCode.Avatar size={64} />
+    <ClaudeCode.Avatar size={64} shape={'square'} />
+  </Flexbox>
+);
+```
+
+## Colors
+
+<DocsPreview>
+  {
+    <Flexbox gap={16} horizontal>
+      <ColorPreview color={ClaudeCode.colorPrimary} />
+    </Flexbox>
+  }
+</DocsPreview>
+
+```tsx
+import { ClaudeCode } from '@lobehub/icons';
+import { Flexbox } from '@lobehub/ui';
+
+import ColorPreview from '../components/ColorPreview';
+
+export default () => (
+  <Flexbox gap={16} horizontal>
+    <ColorPreview color={ClaudeCode.colorPrimary} />
+  </Flexbox>
+);
+```

package/es/Cline/index.mdx

@@ -0,0 +1,99 @@
+---
+title: Cline
+description: https://cline.bot
+category: Application
+---
+
+import { Cline } from '@lobehub/icons';
+import { Flexbox } from '@lobehub/ui';
+
+import ColorPreview from '../components/ColorPreview';
+import DocsPreview from '../components/DocsPreview';
+
+## Icons
+
+<DocsPreview>{<Cline size={64} />}</DocsPreview>
+
+```tsx
+import { Cline } from '@lobehub/icons';
+import { Flexbox } from '@lobehub/ui';
+
+export default () => <Cline size={64} />;
+```
+
+## Text
+
+<DocsPreview>{<Cline.Text size={48} />}</DocsPreview>
+
+```tsx
+import { Cline } from '@lobehub/icons';
+
+export default () => <Cline.Text size={48} />;
+```
+
+## Combine
+
+<DocsPreview>
+  {
+    <Flexbox gap={16} align={'flex-start'}>
+      <Cline.Combine size={64} />
+    </Flexbox>
+  }
+</DocsPreview>
+
+```tsx
+import { Cline } from '@lobehub/icons';
+import { Flexbox } from '@lobehub/ui';
+
+export default () => (
+  <Flexbox gap={16} align={'flex-start'}>
+    <Cline.Combine size={64} />
+  </Flexbox>
+);
+```
+
+## Avatars
+
+<DocsPreview>
+  {
+    <Flexbox gap={16} horizontal>
+      <Cline.Avatar size={64} />
+      <Cline.Avatar size={64} shape={'square'} />
+    </Flexbox>
+  }
+</DocsPreview>
+
+```tsx
+import { Cline } from '@lobehub/icons';
+import { Flexbox } from '@lobehub/ui';
+
+export default () => (
+  <Flexbox gap={16} horizontal>
+    <Cline.Avatar size={64} />
+    <Cline.Avatar size={64} shape={'square'} />
+  </Flexbox>
+);
+```
+
+## Colors
+
+<DocsPreview>
+  {
+    <Flexbox gap={16} horizontal>
+      <ColorPreview color={Cline.colorPrimary} />
+    </Flexbox>
+  }
+</DocsPreview>
+
+```tsx
+import { Cline } from '@lobehub/icons';
+import { Flexbox } from '@lobehub/ui';
+
+import ColorPreview from '../components/ColorPreview';
+
+export default () => (
+  <Flexbox gap={16} horizontal>
+    <ColorPreview color={Cline.colorPrimary} />
+  </Flexbox>
+);
+```

package/es/Clipdrop/index.mdx

@@ -0,0 +1,99 @@
+---
+title: Clipdrop
+description: https://clipdrop.co
+category: Application
+---
+
+import { Clipdrop } from '@lobehub/icons';
+import { Flexbox } from '@lobehub/ui';
+
+import ColorPreview from '../components/ColorPreview';
+import DocsPreview from '../components/DocsPreview';
+
+## Icons
+
+<DocsPreview>{<Clipdrop size={64} />}</DocsPreview>
+
+```tsx
+import { Clipdrop } from '@lobehub/icons';
+import { Flexbox } from '@lobehub/ui';
+
+export default () => <Clipdrop size={64} />;
+```
+
+## Text
+
+<DocsPreview>{<Clipdrop.Text size={48} />}</DocsPreview>
+
+```tsx
+import { Clipdrop } from '@lobehub/icons';
+
+export default () => <Clipdrop.Text size={48} />;
+```
+
+## Combine
+
+<DocsPreview>
+  {
+    <Flexbox gap={16} align={'flex-start'}>
+      <Clipdrop.Combine size={64} />
+    </Flexbox>
+  }
+</DocsPreview>
+
+```tsx
+import { Clipdrop } from '@lobehub/icons';
+import { Flexbox } from '@lobehub/ui';
+
+export default () => (
+  <Flexbox gap={16} align={'flex-start'}>
+    <Clipdrop.Combine size={64} />
+  </Flexbox>
+);
+```
+
+## Avatars
+
+<DocsPreview>
+  {
+    <Flexbox gap={16} horizontal>
+      <Clipdrop.Avatar size={64} />
+      <Clipdrop.Avatar size={64} shape={'square'} />
+    </Flexbox>
+  }
+</DocsPreview>
+
+```tsx
+import { Clipdrop } from '@lobehub/icons';
+import { Flexbox } from '@lobehub/ui';
+
+export default () => (
+  <Flexbox gap={16} horizontal>
+    <Clipdrop.Avatar size={64} />
+    <Clipdrop.Avatar size={64} shape={'square'} />
+  </Flexbox>
+);
+```
+
+## Colors
+
+<DocsPreview>
+  {
+    <Flexbox gap={16} horizontal>
+      <ColorPreview color={Clipdrop.colorPrimary} />
+    </Flexbox>
+  }
+</DocsPreview>
+
+```tsx
+import { Clipdrop } from '@lobehub/icons';
+import { Flexbox } from '@lobehub/ui';
+
+import ColorPreview from '../components/ColorPreview';
+
+export default () => (
+  <Flexbox gap={16} horizontal>
+    <ColorPreview color={Clipdrop.colorPrimary} />
+  </Flexbox>
+);
+```

package/es/Cloudflare/index.mdx

@@ -0,0 +1,113 @@
+---
+title: Cloudflare
+description: https://cloudflare.com
+category: Provider
+---
+
+import { Cloudflare } from '@lobehub/icons';
+import { Flexbox } from '@lobehub/ui';
+
+import ColorPreview from '../components/ColorPreview';
+import DocsPreview from '../components/DocsPreview';
+
+## Icons
+
+<DocsPreview>
+  {
+    <Flexbox gap={16} horizontal>
+      <Cloudflare size={64} />
+      <Cloudflare.Color size={64} />
+    </Flexbox>
+  }
+</DocsPreview>
+
+```tsx
+import { Cloudflare } from '@lobehub/icons';
+import { Flexbox } from '@lobehub/ui';
+
+export default () => (
+  <Flexbox gap={16} horizontal>
+    <Cloudflare size={64} />
+    <Cloudflare.Color size={64} />
+  </Flexbox>
+);
+```
+
+## Text
+
+<DocsPreview>{<Cloudflare.Text size={48} />}</DocsPreview>
+
+```tsx
+import { Cloudflare } from '@lobehub/icons';
+
+export default () => <Cloudflare.Text size={48} />;
+```
+
+## Combine
+
+<DocsPreview>
+  {
+    <Flexbox gap={16} align={'flex-start'}>
+      <Cloudflare.Combine size={64} />
+      <Cloudflare.Combine size={64} type={'color'} />
+    </Flexbox>
+  }
+</DocsPreview>
+
+```tsx
+import { Cloudflare } from '@lobehub/icons';
+import { Flexbox } from '@lobehub/ui';
+
+export default () => (
+  <Flexbox gap={16} align={'flex-start'}>
+    <Cloudflare.Combine size={64} />
+    <Cloudflare.Combine size={64} type={'color'} />
+  </Flexbox>
+);
+```
+
+## Avatars
+
+<DocsPreview>
+  {
+    <Flexbox gap={16} horizontal>
+      <Cloudflare.Avatar size={64} />
+      <Cloudflare.Avatar size={64} shape={'square'} />
+    </Flexbox>
+  }
+</DocsPreview>
+
+```tsx
+import { Cloudflare } from '@lobehub/icons';
+import { Flexbox } from '@lobehub/ui';
+
+export default () => (
+  <Flexbox gap={16} horizontal>
+    <Cloudflare.Avatar size={64} />
+    <Cloudflare.Avatar size={64} shape={'square'} />
+  </Flexbox>
+);
+```
+
+## Colors
+
+<DocsPreview>
+  {
+    <Flexbox gap={16} horizontal>
+      <ColorPreview color={Cloudflare.colorPrimary} />
+    </Flexbox>
+  }
+</DocsPreview>
+
+```tsx
+import { Cloudflare } from '@lobehub/icons';
+import { Flexbox } from '@lobehub/ui';
+
+import ColorPreview from '../components/ColorPreview';
+
+export default () => (
+  <Flexbox gap={16} horizontal>
+    <ColorPreview color={Cloudflare.colorPrimary} />
+  </Flexbox>
+);
+```

package/es/CodeBuddy/index.mdx

@@ -0,0 +1,117 @@
+---
+title: CodeBuddy
+description: https://codebuddy.ai
+category: Application
+---
+
+import { CodeBuddy } from '@lobehub/icons';
+import { Flexbox } from '@lobehub/ui';
+
+import ColorPreview from '../components/ColorPreview';
+import DocsPreview from '../components/DocsPreview';
+
+## Icons
+
+<DocsPreview>
+  {
+    <Flexbox gap={16} horizontal>
+      <CodeBuddy size={64} />
+      <CodeBuddy.Color size={64} />
+    </Flexbox>
+  }
+</DocsPreview>
+
+```tsx
+import { CodeBuddy } from '@lobehub/icons';
+import { Flexbox } from '@lobehub/ui';
+
+export default () => (
+  <Flexbox gap={16} horizontal>
+    <CodeBuddy size={64} />
+    <CodeBuddy.Color size={64} />
+  </Flexbox>
+);
+```
+
+## Text
+
+<DocsPreview>{<CodeBuddy.Text size={48} />}</DocsPreview>
+
+```tsx
+import { CodeBuddy } from '@lobehub/icons';
+
+export default () => <CodeBuddy.Text size={48} />;
+```
+
+## Combine
+
+<DocsPreview>
+  {
+    <Flexbox gap={16} align={'flex-start'}>
+      <CodeBuddy.Combine size={64} />
+      <CodeBuddy.Combine size={64} type={'color'} />
+    </Flexbox>
+  }
+</DocsPreview>
+
+```tsx
+import { CodeBuddy } from '@lobehub/icons';
+import { Flexbox } from '@lobehub/ui';
+
+export default () => (
+  <Flexbox gap={16} align={'flex-start'}>
+    <CodeBuddy.Combine size={64} />
+    <CodeBuddy.Combine size={64} type={'color'} />
+  </Flexbox>
+);
+```
+
+## Avatars
+
+<DocsPreview>
+  {
+    <Flexbox gap={16} horizontal>
+      <CodeBuddy.Avatar size={64} />
+      <CodeBuddy.Avatar size={64} shape={'square'} />
+      <CodeBuddy.Avatar size={64} shape={'square'} background={CodeBuddy.colorPrimary} />
+    </Flexbox>
+  }
+</DocsPreview>
+
+```tsx
+import { CodeBuddy } from '@lobehub/icons';
+import { Flexbox } from '@lobehub/ui';
+
+export default () => (
+  <Flexbox gap={16} horizontal>
+    <CodeBuddy.Avatar size={64} />
+    <CodeBuddy.Avatar size={64} shape={'square'} />
+    <CodeBuddy.Avatar size={64} shape={'square'} background={CodeBuddy.colorPrimary} />
+  </Flexbox>
+);
+```
+
+## Colors
+
+<DocsPreview>
+  {
+    <Flexbox gap={16} horizontal>
+      <ColorPreview color={CodeBuddy.colorPrimary} />
+      <ColorPreview color={CodeBuddy.colorGradient} />
+    </Flexbox>
+  }
+</DocsPreview>
+
+```tsx
+import { CodeBuddy } from '@lobehub/icons';
+import { Flexbox } from '@lobehub/ui';
+
+import ColorPreview from '../components/ColorPreview';
+
+export default () => (
+  <Flexbox gap={16} horizontal>
+    <ColorPreview color={CodeBuddy.colorPrimary} />
+    <ColorPreview color={CodeBuddy.colorGradient} />
+  </Flexbox>
+);
+```