mirror of
https://github.com/hanzoai/icons.git
synced 2026-09-24 16:59:52 +00:00
zeekay
add397cc62
Fork of lobe-icons (MIT) rebranded for Hanzo. Renamed all 6 published packages (@hanzoai/icons + -static-svg/png/webp/avatar + -rn) and every import across src/ + docs, repo URLs (lobehub/lobe-icons → hanzoai/icons), and prose (LobeHub → Hanzo). Fresh Hanzo Icons README dropping the upstream marketing chrome. Preserved: the MIT LICENSE + original copyright (required by the fork), the LobeHub brand icon itself (src/LobeHub/ — content, like any other brand), and external @lobehub/* build/demo deps (ui, lint, docs-kit, assets-logo, fluent-emoji-3d) that have no @hanzoai equivalent. CHANGELOG left as historical.
137 lines
2.4 KiB
Plaintext
137 lines
2.4 KiB
Plaintext
---
|
|
title: AWS
|
|
description: https://aws.amazon.com
|
|
category: Provider
|
|
---
|
|
|
|
import { Aws } from '@hanzoai/icons';
|
|
import { Flexbox } from '@lobehub/ui';
|
|
|
|
import ColorPreview from '../components/ColorPreview';
|
|
import DocsPreview from '../components/DocsPreview';
|
|
|
|
## Icons
|
|
|
|
<DocsPreview>
|
|
{
|
|
<Flexbox gap={16} horizontal>
|
|
<Aws size={64} />
|
|
<Aws.Color size={64} />
|
|
</Flexbox>
|
|
}
|
|
</DocsPreview>
|
|
|
|
```tsx
|
|
import { Aws } from '@hanzoai/icons';
|
|
import { Flexbox } from '@lobehub/ui';
|
|
|
|
export default () => (
|
|
<Flexbox gap={16} horizontal>
|
|
<Aws size={64} />
|
|
<Aws.Color size={64} />
|
|
</Flexbox>
|
|
);
|
|
```
|
|
|
|
## Text
|
|
|
|
<DocsPreview>{<Aws.Text size={48} />}</DocsPreview>
|
|
|
|
```tsx
|
|
import { Aws } from '@hanzoai/icons';
|
|
|
|
export default () => <Aws.Text size={48} />;
|
|
```
|
|
|
|
## Combine
|
|
|
|
<DocsPreview>
|
|
{
|
|
<Flexbox gap={16} align={'flex-start'}>
|
|
<Aws.Combine size={64} />
|
|
<Aws.Combine size={64} type={'color'} />
|
|
</Flexbox>
|
|
}
|
|
</DocsPreview>
|
|
|
|
```tsx
|
|
import { Aws } from '@hanzoai/icons';
|
|
import { Flexbox } from '@lobehub/ui';
|
|
|
|
export default () => (
|
|
<Flexbox gap={16} align={'flex-start'}>
|
|
<Aws.Combine size={64} />
|
|
<Aws.Combine size={64} type={'color'} />
|
|
</Flexbox>
|
|
);
|
|
```
|
|
|
|
## Brands
|
|
|
|
<DocsPreview>
|
|
{
|
|
<Flexbox gap={16} align={'flex-start'}>
|
|
<Aws.Brand size={64} />
|
|
<Aws.BrandColor size={64} />
|
|
</Flexbox>
|
|
}
|
|
</DocsPreview>
|
|
|
|
```tsx
|
|
import { Aws } from '@hanzoai/icons';
|
|
import { Flexbox } from '@lobehub/ui';
|
|
|
|
export default () => (
|
|
<Flexbox gap={16} align={'flex-start'}>
|
|
<Aws.Brand size={64} />
|
|
<Aws.BrandColor size={64} />
|
|
</Flexbox>
|
|
);
|
|
```
|
|
|
|
## Avatars
|
|
|
|
<DocsPreview>
|
|
{
|
|
<Flexbox gap={16} horizontal>
|
|
<Aws.Avatar size={64} />
|
|
<Aws.Avatar size={64} shape={'square'} />
|
|
</Flexbox>
|
|
}
|
|
</DocsPreview>
|
|
|
|
```tsx
|
|
import { Aws } from '@hanzoai/icons';
|
|
import { Flexbox } from '@lobehub/ui';
|
|
|
|
export default () => (
|
|
<Flexbox gap={16} horizontal>
|
|
<Aws.Avatar size={64} />
|
|
<Aws.Avatar size={64} shape={'square'} />
|
|
</Flexbox>
|
|
);
|
|
```
|
|
|
|
## Colors
|
|
|
|
<DocsPreview>
|
|
{
|
|
<Flexbox gap={16} horizontal>
|
|
<ColorPreview color={Aws.colorPrimary} />
|
|
</Flexbox>
|
|
}
|
|
</DocsPreview>
|
|
|
|
```tsx
|
|
import { Aws } from '@hanzoai/icons';
|
|
import { Flexbox } from '@lobehub/ui';
|
|
|
|
import ColorPreview from '../components/ColorPreview';
|
|
|
|
export default () => (
|
|
<Flexbox gap={16} horizontal>
|
|
<ColorPreview color={Aws.colorPrimary} />
|
|
</Flexbox>
|
|
);
|
|
```
|