SF 符号 8
苹果公司的SF符号图标用于在苹果平台上构建React/Typescript应用程序.
SF符号是一个由超过7000个符号组成的库,设计上与旧金山无缝地融合,是苹果平台的系统字体.
特征 二. 支助 版本 二. 支助 可用图标 二. 支助 开始 二. 支助 安装 二. 支助 使用量 二. 支助 大楼 二. 支助 问题 二. 支助 调取请求
本图书馆的特点
- 8,111个符号 - 包含整个SF符号 8 (β)图标库,外加609个补充品牌图标
- 可树动 - 每个图标都可以作为独立组件(每个小于1 KB)或捆绑导入导入
- 类型安全 - 使用 IDE 自动完成的完整类型脚本支持
- 轻巧 - 只有导入的图标才会在你的捆绑中
- 反应18/19 - 与最新版本的React合作
版本
此软件包已使用来自 8.0 (135)号版本 - SF 字体版本 22.0d4e4。 。 。 .
可用图标
本套装包含8,111个图标,其中包括609个补充品牌图标. 所有7 502个 Regular 重量图标 旧金山字体 包含。 其他的权重不包含在这个包中,但图标权重可以通过对向量路径进行中风而更重.
简而言之, 我为这个软件包创建了一个基本的图标浏览器,你可以在这里访问: bradleyhodges - sfsyms.vercel.app (原始内容存档于2017-03-28)
开始
此套件具有SF符号8的实际图标和图标数据的特点. 要在 React 应用程序中使用这些图标, 您可以使用 sfsymbols-react 配套软件包,它暴露了SF符号8图标的方便易用回放组件.
安装软件包
您需要安装以下软件包来使用您的工程中的图标 :
@bradleyhodges/sfsymbols- 包含实际图标.@bradleyhodges/sfsymbols-react- 包含用于使用图标的反射组件.@bradleyhodges/sfsymbols-types-(可选)如果需要,包含图标的TypeScript类型.
使用量
[叹息] SF符号由苹果公司许可,仅用于苹果平台. 此软件包或其他任何 @ bradleyhodges/ sfsymbols- * 软件包, 在苹果平台外使用是不允许的 . 更多信息 : Xcode 和 Apple SDKs 协议
pnpm add @bradleyhodges/sfsymbols@latest @bradleyhodges/sfsymbols-react@latest @bradleyhodges/sfsymbols-types@latest
然后可以这样导入项目中的图标 :
import { SFIcon } from '@bradleyhodges/sfsymbols-react';
import { sfArrowUpCircleFill } from '@bradleyhodges/sfsymbols';
...
<SFIcon icon={sfArrowUpCircleFill} />
[TIP] 见 sfsymbols-反应 软件包,用于详细了解
SFIcon组件可接受,并如何使用辅助组件自定义React应用程序中的图标外观.
对于更快的模块分辨率,也可以直接导入单个图标. 这是可选的;现有的根进口仍然得到支持,无害环境管理中的树摇.
import { sfArrowUpCircleFill } from '@bradleyhodges/sfsymbols/sfArrowUpCircleFill';
普通JS 消费者可以使用相同的每相机路径 require()。这可以使捆绑集中在选定的图标上。 Root CommunityJS在访问其出口时导入加载图标定义,但捆绑者可能仍然包括整个目录.
大楼
pnpm build-icons从本地提供的 SVG 归档中生成类型脚本定义.pnpm build-package编译生成src纳入经验证的无害环境管理、共同JS和申报产出.pnpm build-package --from-dist重建一个没有 SVG 存档的现有发行。 它验证两种格式都同意,保存了SVG数据和元数据,并恢复了被整理的搜索别名. 重复运行不会累积别名.pnpm build保留交互式存档/版本工作流程,并使用相同的软件包发送器.pnpm test运行构建回归测试;pnpm typecheck检查生成源和运出声明,包括免费的归档取出.
包排放阶段和在替换前验证所有产出 dist。失败的替换可以恢复先前的分布;如果恢复被阻断,则错误会识别保留的备份目录。 原始的 SVG 生成仍然需要您自己的源归档 .
全数 pnpm build 工作流程将未打开的 SVG 保存在 build/src 并生成类型脚本 src 通过版本更新、汇编、微缩和输出验证。 清理工作只有在这些步骤成功后才能进行,最后删除了原始的SVG输入. 软件包版本文件使用临时文件替换为Windows锁定的有边框的回放;在所请求的版本中已经保存的文件未被更改.
[注] 此寄存器包含构建图标及其各自反应组件所需的脚本. 然而,由于苹果的许可条款,我还没有将实际的图标存档纳入到这个寄存器中,我也不会应要求提供. 这是为了尊重苹果的许可条款,防止任何未经授权使用图标,并避免任何法律问题.