项目名称
请根据提供的素材，简单介绍这个网站。
简介
该网站是一个基于Ant Design图标库的自定义样式网站。Ant Design是一款由阿里巴巴开源的高质量UI设计语言和React组件库。通过使用Ant Design的各种图标，可以快速构建美观、易用的界面。
主要功能
- 支持显示和隐藏Ant Design图标库中的图标；
- 通过CSS样式自定义Icon组件的外观；
- 提供一个示例页面，展示如何使用自定义样式的Icon组件；
- 支持在页面上添加可交互的图标按钮。
技术栈
- 前端：React;
- UI框架：Ant Design;
- CSS预处理器：Sass;
- 图标库：Ant Design Icon库。
使用说明
- 首先确保已经安装了React和Ant Design相关依赖；
- 在项目中引入所需的CSS和图标文件；
- 在需要使用图标的地方，使用对应的Icon组件即可。例如，要显示一个用户头像图标，可以使用
<Avatar />组件。 - 如果需要自定义图标样式，可以在项目的CSS文件中添加相应的样式规则。例如，要将用户头像图标的颜色更改为红色，可以使用
.anticon svg选择器设置fill属性为red。 - 在页面上添加一个包含图标的按钮，并为其添加
tabindex属性以使其具有可交互性。例如，要创建一个带有“刷新”图标的按钮，可以使用以下代码：
import React from 'react';
import { Button, Icon } from 'antd';
import { ReloadOutlined } from '@ant-design/icons';
const MyButton = () => (
<Button tabIndex={0} icon={<ReloadOutlined />}>
刷新页面
</Button>
);
export default MyButton;
