<?xml version="1.0" encoding="utf-8"?>

Custom symbol creation

Custom symbol creation

While SF Symbols cover most interface needs, apps sometimes require custom symbols.

Custom symbols should match SF Symbols characteristics:

  • Consistent stroke weights
  • Simple, clear shapes
  • Single-point alignment
  • Proper canvas dimensions
  • Support for different weights
  • Ability to scale smoothly

The symbol canvas uses a standard grid system based on Apple's specifications. Major elements align to primary grid lines, while minor details can use half-step increments. This systematic approach ensures custom symbols blend seamlessly with system ones.

Every custom symbol needs both optimized and simplified versions for different sizes. Small sizes require simpler geometry to maintain clarity, while larger sizes can include more detail.

Pro Tip: Start custom symbol design at regular weight — it's easier to adjust to lighter and bolder weights from there.

Improve your UX & Product skills with interactive courses that actually work