简单、漂亮的开源图标库,目前共计 280+ 个图标,支持在线搜索查找图标
官方网站:https://feathericons.com/
github地址
https://github.com/featheric
安装 npm
npm install feather-icons --save
<script src="https://unpkg.com/feather-icons"></script>
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
要在页面上使用图标,请添加data-feather 带有元素图标名称的属性:
<i data-feather="circle"></i>
使用方法:
<!DOCTYPE html>
<html lang="en">
<title>feather-icons图标使用方法</title>
<script src="https://unpkg.com/feather-icons"></script>
<body>
<!-- example icon -->
<i data-feather="circle"></i>
<script>
feather.replace()
</script>
</body>
</html>