Phosphor 图标
每个 磷酸盐 图标作为 Lit 网络组件 : <c2-phosphor-heart>, (中文(简体) ), <c2-phosphor-camera>还有更多 从 @phosphor-icons/[email protected]。 。 。 .
安装
npm install @c2n/phosphor-icons
使用量
只导入您使用的图标 :
import '@c2n/phosphor-icons/icons/heart.js'
<c2-phosphor-heart weight="fill"></c2-phosphor-heart>
或者登记整个集:
import '@c2n/phosphor-icons'
这个 weight 属性接受 regular, (中文(简体) ), thin, (中文(简体) ), light, (中文(简体) ), bold, (中文(简体) ), fill,或 duotone。图标名称、源元数据、标签帮助、重量类型和 PhosphorIcon 从软件包根导出基类.
他们
| 财产 | 默认 |
|---|---|
--c2-phosphor-icon--size | 24px |
--c2-phosphor-icon--color | currentColor |
重新生成
构成部分 src/icons/ 产生并致力于。 更新后 @phosphor-icons/core,运行 :
npm run generate -w packages/icons/phosphor-icons
npm run build -w packages/icons/phosphor-icons