网站介绍
本网站是一个提供各种图标素材的资源库，旨在帮助开发者和设计师快速获取所需图标。我们精选了大量高质量、风格多样的图标，涵盖了各个领域，如通讯、媒体、工具等。通过简洁的CSS类名，你可以轻松地将这些图标应用到自己的项目中，提升用户体验。
图标样式
为了保证图标在不同尺寸和背景颜色下的显示效果，我们采用了一种名为anticon的CSS类。以下是.anticon的一些属性说明：
display: inline-block;:使图标以行内块元素的形式展示。color: inherit;:图标的颜色继承自父元素。font-style: normal;:字体样式为正常。line-height: 0;:行高为0。text-align: center;:文本水平居中。text-transform: none;:文本不进行转换。vertical-align: -0.125em;:垂直对齐方式为负的0.125倍单位的外边距。text-rendering: optimizeLegibility;:文本渲染优化为易读性良好。-webkit-font-smoothing: antialiased;:Webkit内核的浏览器下字体平滑处理为抗锯齿。-moz-osx-font-smoothing: grayscale;:Firefox OSX系统下字体平滑处理为灰度。
我们还提供了.anticon *的样式规则，用于设置图标内部元素的样式。例如，可以设置.anticon svg的宽度和高度，以及.anticon::before的显示与隐藏等。
使用示例
要使用本网站提供的图标素材，只需引入相应的CSS文件，然后在需要的地方添加.anticon类以及图标名称即可。以下是一个简单的示例代码：
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>使用AntIcons</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ant-design/icons/dist/2.4.1/index.css">
</head>
<body>
<span class="anticon anticon-home"></span>
</body>
</html>
在这个示例中，我们引入了Ant Design的图标库CDN链接，并使用了.anticon anticon-home来显示一个家图标。你可以根据需要替换成其他图标名称，例如.anticon anticon-search表示搜索图标。
