Feather

Feather 是一组简单漂亮的开源图标。每个图标都设计在 24×24 网格上，强调简单性、一致性和灵活性。

Feather 的核心是 SVG 文件的集合。这意味着您可以像使用 SVG 一样使用 Feather 图标（例如 img、background-image、inline、< /span>Web 上的 SVG – 实施选项）。

使用npm安装

npm install feather-icons --save

或者只需将 feather.js 或 feather.min.js 复制到您的项目目录中。您不需要同时使用 feather.js 和 feather.min.js。

从 CDN 提供商加载脚本

<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>

更换

调用feather.replace()方法：

<script>
  feather.replace();
</script>

所有具有 data-feather 属性的元素都将替换为与其 data-feather 属性值相对应的 SVG 标记。有关 的详细信息，请参阅 API 参考。feather.replace()

Figma

Feather 可用作Figma 组件库。要使用这些组件，请登录您的 Figma 帐户并将文件复制到您的草稿中。

Feather 已获得 MIT 许可证的许可。