Apple SF Symbols 是 Apple 提供的一套官方图标系统,用于配合其系统字体 San Francisco(SF) 使用。它是为 macOS、iOS、watchOS 和 tvOS 应用程序设计的,可与文本无缝对齐,支持动态尺寸、粗细、颜色等,具有高度的可定制性。
SF Symbols 简介
是 Apple 官方提供的图标集,超过 5,000 个图标。
每个图标都有多个权重(如 ultra light, regular, bold 等)。
可自适应动态字体,支持多种颜色和对齐方式。
在 SwiftUI 和 UIKit 中都可以方便地使用。
官方文档与资源
以下是你可以参考的官方资料:
SF Symbols 官网
https://developer.apple.com/sf-symbols/
包括下载 App、设计指南和技术文档。-
SF Symbols App(图标浏览器)
下载地址:SF Symbols App
提供图标浏览、复制代码名称、查看不同权重和颜色渲染的能力。
-
Human Interface Guidelines(HIG)
-
技术文档(SwiftUI / UIKit 使用方式)
-
SwiftUI 示例:
Image(systemName: "heart.fill") .foregroundColor(.red) -
UIKit 示例:
let image = UIImage(systemName: "star.fill")
-
常见 SF Symbols 使用技巧
| 图标类别 | 示例 |
|---|---|
| 常用图标 |
heart, star, magnifyingglass, house
|
| 系统图标 |
wifi, battery.100, airplane, camera
|
| 形状组合 |
square.and.arrow.up, envelope.badge, bell.fill
|
你可以用 SF Symbols App 搜索并查看所有图标的名字和样式。
❗ 注意事项
不要擅自修改 SF Symbols 图标形状(除了 Apple 允许的颜色、大小、weight 等)。
并非所有图标都可用于所有平台(部分仅限于最新系统版本)。
要注意 iOS/macOS 兼容性(例如某些图标是从 iOS 15+ 才支持的)。