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.
82 lines
2.6 KiB
TypeScript
82 lines
2.6 KiB
TypeScript
import { Center, Flexbox } from '@lobehub/ui';
|
|
import { Features, FeaturesProps, Hero } from '@lobehub/ui/awesome';
|
|
import { Expand, GitPullRequest, Trees } from 'lucide-react';
|
|
import { Link } from 'react-router';
|
|
|
|
import AgentGuideCard from '@/components/AgentGuideCard';
|
|
import Dashboard from '@/components/Dashboard';
|
|
|
|
const ICONS_DOC_URL = 'https://lobehub.com/icons/skill.md';
|
|
const AI_AGENT_PROMPT = `Read ${ICONS_DOC_URL} and follow the instructions to use @hanzoai/icons`;
|
|
const ICONS_INSTALL_COMMAND = 'npm i @hanzoai/icons';
|
|
|
|
const items: FeaturesProps['items'] = [
|
|
{
|
|
description:
|
|
'Icons are designed to be lightweight, utilizing highly optimized scalable vector graphics (SVG) for the best performance and quality.',
|
|
icon: Expand,
|
|
title: 'Lightweight & Scalable',
|
|
},
|
|
{
|
|
description:
|
|
'The collection is tree-shakable, ensuring that you only import the icons that you use, which helps in reducing the overall bundle size of your project.',
|
|
icon: Trees,
|
|
title: 'Tree Shakable',
|
|
},
|
|
{
|
|
description:
|
|
'Hanzo Icons boasts an active community of designers and developers. Engage with us on platforms like GitHub and Discord to contribute or get support.',
|
|
icon: GitPullRequest,
|
|
title: 'Active Community',
|
|
},
|
|
];
|
|
|
|
export default () => {
|
|
return (
|
|
<Flexbox gap={64} paddingBlock={64}>
|
|
<Hero
|
|
Link={Link}
|
|
actions={[
|
|
{
|
|
github: true,
|
|
link: 'https://github.com/hanzoai/icons',
|
|
openExternal: true,
|
|
text: 'GitHub',
|
|
},
|
|
{
|
|
link: '/components/lobe-hub',
|
|
text: 'View all icons',
|
|
type: 'primary',
|
|
},
|
|
]}
|
|
description="Popular AI / LLM Model Brand SVG Logo and Icon Collection"
|
|
title="Hanzo <b>Icons</b>"
|
|
/>
|
|
<Center width="100%">
|
|
<AgentGuideCard
|
|
labels={{
|
|
agent: "I'm an Agent",
|
|
human: "I'm a Human",
|
|
}}
|
|
sections={{
|
|
agent: {
|
|
command: AI_AGENT_PROMPT,
|
|
commandLanguage: 'shell',
|
|
description: 'Send this prompt to your agent to use @hanzoai/icons',
|
|
},
|
|
human: {
|
|
command: ICONS_INSTALL_COMMAND,
|
|
commandLanguage: 'shell',
|
|
description: 'Install @hanzoai/icons with npm and start using the icon set',
|
|
linkHref: ICONS_DOC_URL,
|
|
linkLabel: 'Read docs',
|
|
},
|
|
}}
|
|
/>
|
|
</Center>
|
|
<Dashboard />
|
|
<Features items={items} />
|
|
</Flexbox>
|
|
);
|
|
};
|