SF Symbols
SupportID uses SF Symbols for all data point icons. You can use any valid SF Symbol name in your configuration.
How to Set Icons
Section titled “How to Set Icons”Use the dataPointNIcon configuration key with any SF Symbol name:
<key>dataPoint1Icon</key><string>barcode</string>Common Icons for IT/MDM Use
Section titled “Common Icons for IT/MDM Use”Device Information
Section titled “Device Information”| Symbol Name | Description |
|---|---|
iphone |
iPhone |
ipad |
iPad |
ipad.and.iphone |
iPad and iPhone together |
laptopcomputer |
Laptop |
desktopcomputer |
Desktop computer |
Identification
Section titled “Identification”| Symbol Name | Description |
|---|---|
barcode |
Barcode (great for serial numbers) |
qrcode |
QR code |
tag |
Tag (great for asset tags) |
number |
Number sign |
person.text.rectangle |
ID card |
People & Users
Section titled “People & Users”| Symbol Name | Description |
|---|---|
person |
Person silhouette |
person.crop.circle |
Person in circle |
person.fill |
Filled person |
person.2 |
Two people |
Network & Connectivity
Section titled “Network & Connectivity”| Symbol Name | Description |
|---|---|
wifi |
Wi-Fi signal |
antenna.radiowaves.left.and.right |
Radio antenna |
network |
Network nodes |
globe |
Globe |
cloud |
Cloud |
Security
Section titled “Security”| Symbol Name | Description |
|---|---|
lock.shield |
Lock with shield |
checkmark.shield |
Checkmark with shield |
key |
Key |
lock |
Padlock |
General
Section titled “General”| Symbol Name | Description |
|---|---|
info.circle |
Info circle |
checkmark.circle |
Checkmark circle |
star |
Star |
flag |
Flag |
envelope |
Envelope |
building.2 |
Buildings |
Numbered Circles (Defaults)
Section titled “Numbered Circles (Defaults)”| Symbol Name | Description |
|---|---|
1.circle.fill |
Filled circle with 1 |
2.circle.fill |
Filled circle with 2 |
3.circle.fill |
Filled circle with 3 |
4.circle.fill |
Filled circle with 4 |
5.circle.fill |
Filled circle with 5 |
Finding More Symbols
Section titled “Finding More Symbols”The best way to browse all available SF Symbols:
- Download the SF Symbols app from developer.apple.com/sf-symbols
- Search for symbols by keyword
- Copy the symbol name to use in your configuration
Symbol Rendering
Section titled “Symbol Rendering”SupportID renders SF Symbols using SwiftUI’s Image(systemName:) view. Icons automatically:
- Adapt to the current color scheme (light/dark)
- Scale with Dynamic Type accessibility settings
- Match the app’s accent color
- Render at the appropriate size for the selected UI mode (Large or Regular)