已填充 Lucide 反应

填充( 固态) 版本 卢西德 图标。 相同的图标名称, 相同的 24x24 网格和相同的 API lucide-react。 。 。 .

安装

pnpm add @filled-lucide/react

npm install @filled-lucide/react

使用量

import { House, Heart } from '@filled-lucide/react';

export default function App() {
  return (
    <House
      size={32}
      color="#e11d48"
    />
  );
}

color 设置图标的填充. strokeWidth 财务报告和审定财务报表 absoluteStrokeWidth 被接受为兼容性,但没有可见效果.

并列填充和大纲

每个图标也用一个导出 Filled 前缀( e)FilledHouse, (中文(简体) ), FilledX,所以可以将其与大纲图标相混合 lucide-react数字 :

import { House } from 'lucide-react';
import { FilledHouse } from '@filled-lucide/react';

<nav>{active ? <FilledHouse /> : <House />}</nav>;

空投替换 lucide-react

在上游名称下安装此软件包以切换整个应用程序, 包括导入的库 lucide-react (如:shadcn/ui),在不更改导入的情况下填入图标:

pnpm add lucide-react@npm:@filled-lucide/react

版本沿上游: @filled-lucide/[email protected] 图标与 [email protected]。 。 。 .

文档

API与上游完全相同,所以 路西德文档 适用。 见 已填入 Lucide 仓库 关于填充的组合的细节.

许可证

ISC (英语). 依据 卢西德卢西德 贡献者.

Filled Lucide是一个独立项目,不隶属于或得到Lucide团队的认可. 在 消毒剂而不是去卢西德上游.