这个网站是一个图标库,提供了各种计算机相关的图标,如文件、文件夹、用户、设置等。用户可以通过拖拽的方式将这些图标添加到自己的项目中,方便快捷。
## 网站介绍
这是一个图标库网站,提供了丰富的计算机相关图标,如文件、文件夹、用户、设置等。
## Ant Design的图标类
- `.anticon`:Ant Design的图标类,用于显示图标。
- `.anticon > *`:设置图标的高度为1px,以适应不同尺寸的屏幕。
- `.anticon svg`:设置SVG元素的宽度和高度为100%,以适应不同尺寸的屏幕。
- `.anticon::before`:隐藏默认的图标样式,只显示自定义的SVG元素。
- `.anticon .anticon-icon`:设置图标的字体大小。
- `.anticon[tabindex]`:设置鼠标悬停时光标的样式,使其变为手型。
- `.anticon-spin::before, .anticon-spin`:表示旋转动画的CSS类。
使用示例:
```html
<i class="anticon anticon-file"></i>
<style>
.anticon {
font-size: 24px;
}
</style>
import React from 'react';
import { Icon } from 'antd';
import 'antd/dist/antd.css';
function App() {
return (
<div className="App">
<Icon type="file" />
</div>
);
}
export default App;
”`