ios-icon-genlisted
Install: claude install-skill hmj1026/dhpk
# iOS icon generation
Two sources, **one output**: an Xcode `.imageset` with `@1x/@2x/@3x` PNGs and a
`Contents.json`. Generate straight into the catalog with `--output ./Assets.xcassets/...`.
| Source | Icons | Needs | Best for |
|--------|-------|-------|----------|
| **SF Symbols** | 5000+ Apple symbols | macOS (SF Symbols rendering) | system-matching, offline |
| **Iconify API** | 275k+ from 200+ sets | internet | breadth, a specific open-source style |
Scripts live next to this file in `scripts/`:
- `scripts/iconify_gen.sh` — search / preview / generate from Iconify.
- `scripts/generate_icons.swift` — render an SF Symbol to PNGs (macOS).
## Workflow
1. **Decide** what the icon represents, the target color, and the base size
(default 68px → @2x 136 / @3x 204).
2. **Search** before generating:
- Iconify: `bash scripts/iconify_gen.sh search "receipt"`
- SF Symbols: browse the SF Symbols app, or `scripts/generate_icons.swift --list receipt`
3. **Preview** (Iconify): `bash scripts/iconify_gen.sh preview mdi:receipt-text-outline`
4. **Generate**:
- Iconify: `bash scripts/iconify_gen.sh mdi:receipt-text-outline editTool_expenseReport --output ./babylon/Assets.xcassets/icons`
- SF Symbols: `swift scripts/generate_icons.swift doc.text.below.ecg editTool_expenseReport --output ./babylon/Assets.xcassets/icons`
5. **Verify** by reading the generated `@2x` PNG before committing.
## Popular Iconify sets
`mdi` (Material), `ph` (Phosphor), `solar`, `tabler`, `luci