SupportID uses SF Symbols for all data point icons. You can use any valid SF Symbol name in your configuration.
How to Set Icons
Use the dataPointNIcon configuration key with any SF Symbol name:
<key>dataPoint1Icon</key>
Common Icons for IT/MDM Use
| Symbol Name | Description |
|---|
iphone | iPhone |
ipad | iPad |
ipad.and.iphone | iPad and iPhone together |
laptopcomputer | Laptop |
desktopcomputer | Desktop computer |
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
| Symbol Name | Description |
|---|
person | Person silhouette |
person.crop.circle | Person in circle |
person.fill | Filled person |
person.2 | Two people |
Network & Connectivity
| Symbol Name | Description |
|---|
wifi | Wi-Fi signal |
antenna.radiowaves.left.and.right | Radio antenna |
network | Network nodes |
globe | Globe |
cloud | Cloud |
Security
| Symbol Name | Description |
|---|
lock.shield | Lock with shield |
checkmark.shield | Checkmark with shield |
key | Key |
lock | Padlock |
General
| Symbol Name | Description |
|---|
info.circle | Info circle |
checkmark.circle | Checkmark circle |
star | Star |
flag | Flag |
envelope | Envelope |
building.2 | Buildings |
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
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
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)
