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.
118 lines
2.2 KiB
Plaintext
118 lines
2.2 KiB
Plaintext
---
|
|
title: Microsoft Bing
|
|
description: https://bing.com
|
|
category: Application
|
|
---
|
|
|
|
import { Bing } from '@hanzoai/icons';
|
|
import { Flexbox } from '@lobehub/ui';
|
|
|
|
import ColorPreview from '../components/ColorPreview';
|
|
import DocsPreview from '../components/DocsPreview';
|
|
|
|
## Icons
|
|
|
|
<DocsPreview>
|
|
{
|
|
<Flexbox gap={16} horizontal>
|
|
<Bing size={64} />
|
|
<Bing.Color size={64} />
|
|
</Flexbox>
|
|
}
|
|
</DocsPreview>
|
|
|
|
```tsx
|
|
import { Bing } from '@hanzoai/icons';
|
|
import { Flexbox } from '@lobehub/ui';
|
|
|
|
export default () => (
|
|
<Flexbox gap={16} horizontal>
|
|
<Bing size={64} />
|
|
<Bing.Color size={64} />
|
|
</Flexbox>
|
|
);
|
|
```
|
|
|
|
## Text
|
|
|
|
<DocsPreview>{<Bing.Text size={48} />}</DocsPreview>
|
|
|
|
```tsx
|
|
import { Bing } from '@hanzoai/icons';
|
|
|
|
export default () => <Bing.Text size={48} />;
|
|
```
|
|
|
|
## Combine
|
|
|
|
<DocsPreview>
|
|
{
|
|
<Flexbox gap={16} align={'flex-start'}>
|
|
<Bing.Combine size={64} />
|
|
<Bing.Combine size={64} type={'color'} />
|
|
</Flexbox>
|
|
}
|
|
</DocsPreview>
|
|
|
|
```tsx
|
|
import { Bing } from '@hanzoai/icons';
|
|
import { Flexbox } from '@lobehub/ui';
|
|
|
|
export default () => (
|
|
<Flexbox gap={16} align={'flex-start'}>
|
|
<Bing.Combine size={64} />
|
|
<Bing.Combine size={64} type={'color'} />
|
|
</Flexbox>
|
|
);
|
|
```
|
|
|
|
## Avatars
|
|
|
|
<DocsPreview>
|
|
{
|
|
<Flexbox gap={16} horizontal>
|
|
<Bing.Avatar size={64} background={Bing.colorPrimary} />
|
|
<Bing.Avatar size={64} />
|
|
<Bing.Avatar size={64} shape={'square'} />
|
|
</Flexbox>
|
|
}
|
|
</DocsPreview>
|
|
|
|
```tsx
|
|
import { Bing } from '@hanzoai/icons';
|
|
import { Flexbox } from '@lobehub/ui';
|
|
|
|
export default () => (
|
|
<Flexbox gap={16} horizontal>
|
|
<Bing.Avatar size={64} background={Bing.colorPrimary} />
|
|
<Bing.Avatar size={64} />
|
|
<Bing.Avatar size={64} shape={'square'} />
|
|
</Flexbox>
|
|
);
|
|
```
|
|
|
|
## Colors
|
|
|
|
<DocsPreview>
|
|
{
|
|
<Flexbox gap={16} horizontal>
|
|
<ColorPreview color={Bing.colorPrimary} />
|
|
<ColorPreview color={Bing.colorGradient} />
|
|
</Flexbox>
|
|
}
|
|
</DocsPreview>
|
|
|
|
```tsx
|
|
import { Bing } from '@hanzoai/icons';
|
|
import { Flexbox } from '@lobehub/ui';
|
|
|
|
import ColorPreview from '../components/ColorPreview';
|
|
|
|
export default () => (
|
|
<Flexbox gap={16} horizontal>
|
|
<ColorPreview color={Bing.colorPrimary} />
|
|
<ColorPreview color={Bing.colorGradient} />
|
|
</Flexbox>
|
|
);
|
|
```
|