custom-sf-symbols

Generate custom SF Symbols as .symbolset files in Apple's Template v.4.0 format.

Updated Apr 11, 2026

Search Tags:#ui design #sf symbols #macos icons #iOS icons #custom symbols

Ready to run

npx skills add https://github.com/wagnerlabs/skills --skill custom-sf-symbols

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: custom-sf-symbols
Source: https://github.com/wagnerlabs/skills/tree/main/custom-sf-symbols
Command: npx skills add https://github.com/wagnerlabs/skills --skill custom-sf-symbols

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires swiftc, python3, Pillow, and includes scripts (resource) and assets (resource) components.

What problem does it solve?

This Skill simplifies the creation of custom SF Symbols, enabling developers and designers to create visually consistent icons that match Apple's design standards for macOS and iOS applications.

Core Features & Use Cases

Native SF Symbol Creation: Build icons that align with Apple's visual style guide.
Customization: Adjust stroke weights, corner radii, and other metrics for unique symbols.
Variants and Mirroring: Generate multiple variations of symbols, including mirrored or restyled versions.

Quick Start

To create a custom SF Symbol, first choose a reference system symbol. Use the skill's measurements and templates to build a new symbol that matches the style you want. Once designed, preview and package the symbol as a .symbolset for integration into your project.

Frequently Asked Questions about custom-sf-symbols

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I create custom SF Symbols that match Apple's design style?▼

To create custom SF Symbols that match Apple's design style, you measure real Apple symbols, construct parametric SVG paths, and package them into a .symbolset file using Template v.4.0 format.

Do I need Swift and Python to build custom iOS symbols?▼

Yes, building custom iOS symbols requires Swift, Python, and the Pillow library, alongside the SF Symbols.app for design reference and validation.

How do I generate mirrored variants of macOS icons?▼

You can generate mirrored variants of macOS icons by using the skill's parametric SVG templates to automatically create multiple variations, including restyled or mirrored versions of the original symbol.

Can I adjust stroke weights and corner radii for custom SF Symbols?▼

Yes, you can adjust stroke weights, corner radii, and other metrics for custom SF Symbols by modifying the parametric SVG paths to create unique symbols.

What is the best way to package custom symbols for macOS and iOS apps?▼

The best way to package custom symbols for macOS and iOS apps is to compile the designed SVG paths into a .symbolset file formatted to Apple's Template v.4.0 specification.

Why do my custom SF Symbols look inconsistent with system glyphs?▼

Custom SF Symbols look inconsistent with system glyphs when their measurements deviate from real Apple symbols; this skill solves that by measuring actual system icons to build matching parametric SVG paths.