项目名称

描述

这是一个用于构建响应式和移动优先的项目的工具。它提供了一套预定义的样式,帮助开发者快速构建用户界面元素。

使用方式

需要在HTML文件中引入Ant Design图标库。可以通过CDN链接或者npm安装的方式来引入。然后,通过.anticon类选择器和icon-name属性来引用图标。

示例代码:

<!DOCTYPE html>  
<html lang="en">  
<head>  
<meta charset="UTF-8">  
<meta name="viewport" content="width=device-width, initial-scale=1.0">  
<title>Ant Design Icon Example</title>  
<link rel="stylesheet" href="https://unpkg.com/antd/dist/antd.min.css">  
</head>  
<body>  
<span class="anticon antiicon-house"></span>  
<span class="anticon antiicon-star"></span>  
</body>  
</html>  

图标列表

以下是一些常用的Ant Design图标:

  • house:房子图标
  • star:星星图标
  • user:用户图标
  • search:搜索图标
  • setting:设置图标
  • email:邮箱图标
  • phone:电话图标
  • notifications:通知图标
  • question:问题图标
  • leftright:左右箭头图标
  • arrow-up:向上箭头图标
  • arrow-down:向下箭头图标
  • copyright:版权图标
  • …更多图标请参考Ant Design官方文档。