What’s New

SF Symbols beta 2 includes the following new symbols. To browse the full set of symbols, download the SF Symbols app.

• ant.circle, ant.circle.fill
• arrow.branch
• bell.circle, bell.circle.fill
• bolt.badge.a, bolt.badge.a.fill, bolt.circle, bolt.circle.fill
• book.circle, book.circle.fill
• calendar.circle, calendar.circle.fill
• camera.circle, camera.circle.fill
• capsule, capsule.fill
• checkmark.shield, checkmark.shield.fill
• decrease.quotelevel
• doc.circle, doc.circle.fill
• exclamationmark.shield, exclamationmark.shield.fill
• f.cursive.circle, f.cursive.circle.fill
• flag.circle, flag.circle.fill
• gobackward.10.hi, gobackward.15.hi, gobackward.30.hi, gobackward.45.hi, gobackward.60.hi, gobackward.75.hi, gobackward.90.hi
• goforward.10.hi, goforward.15.hi, goforward.30.hi, goforward.45.hi, goforward.60.hi, goforward.75.hi, goforward.90.hi
• hexagon, hexagon.fill
• hifispeaker, hifispeaker.fill
• increase.quotelevel
• largecircle.fill.circle
• lightbulb, lightbulb.fill, lightbulb.slash, lightbulb.slash.fill
• lock.shield, lock.shield.fill
• message, message.circle, message.circle.fill, message.fill
• person.3, person.3.fill
• rectangle.stack.badge.person.crop, rectangle.stack.fill.badge.person.crop
• shield.slash, shield.slash.fill
• speaker.zzz.fill.rtl, speaker.zzz.rtl
• sportscourt, sportscourt.fill
• tag.circle, tag.circle.fill
• tram.fill
• waveform.circle, waveform.circle.fill
• xmark.shield, xmark.shield.fill

The Human Interface Guidelines now include:

• More elevated guidance for cross-platform technologies
• Numerous bug fixes and editorial changes

iOS

• New design guidance for:
  • iPad Apps for Mac
  • Dark Mode
  • Materials
  • Multiwindow on iPad
  • Context Menus
• Updated design guidance for:
  • Haptics to include creating custom haptic patterns
  • Color to include system colors and dynamic system colors
  • Modality to include card-style interfaces
  • Navigation Bars to include hiding the border of a large-title navigation bar

tvOS

• New design guidance for:
  • Live-Viewing Apps
  • Profiles
• Updated design guidance for Top Shelf Content to include new carousel layout styles
• Updated guidance for Remote and Tab Bars to include live-viewing apps

Technologies

• New design guidance for:
  • Machine Learning
  • Sign in with Apple
  • SF Symbols
• Elevated content for Maps and new guidance for indoor maps
• Updated guidance for SiriKit to include follow-up questions and responses for shortcuts

iOS

• Support for Dark Mode
• Tinted controls support appearance overrides. Choose from system-provided tint colors or use your own.
• Toolbars, tab bars, and navigation bar buttons integrate with the new SF Symbols feature. Copying and pasting glyphs from the SF Symbols app into the Sketch Symbol overrides the inspector.
• Non-default Dynamic Type text styles removed for a simpler text style menu.
• New text styles:
  • Left, Center, and Right alignments for all text styles
  • Primary, Secondary, Tertiary, and Quaternary text style variants of all text styles
  • Dark text variants of all text styles
  • Bold, Italic, and Bold Italic text style variants for Large Title, Title1, Title2, Title3, and Headline
  • Italic text style variant for Headline
• Appearance styles added for new and updated iOS system colors:
  • Fill colors
  • Separator colors
  • Label colors
  • Background colors
  • Grouped background colors
  • Tint colors
• Control appearances updated, including:
  • Segmented control
  • Stepper
  • Slider
• Background texture updated for:
  • Navigation bar
  • Toolbar
  • Tab Bar
• New card-style modal sheet options for Navigation Bars
• ApplePay buttons added
• Sign in with Apple buttons added
• Appearance of Info and Add buttons updated
• Home Screen Quick Action appearance updated
• Activity View Controller (Share Sheet) updated
• iPad Form and Page Sheets updated
• Table View symbols reorganized

Bug Fixes:

• Name of section index symbol (Sketch) now consistent
• Resizing behavior of search fields that resulted in glyphs scaling corrected
• Grouped table header and footer colors corrected (was 142,142,147, now 109,109,113)

macOS

• Inner shadow removed from sheets (Sketch, Photoshop, XD)

Bug Fixes:

• Pop-up button label now wraps correctly when control width is shortened (Sketch)

Accessibility guidance for all platforms is now combined and includes:

• Best practices for designing inclusive apps
• Guidelines for enhancing the VoiceOver user experience
• Techniques for making appearance and motion effects more accessible
• Expanded guidance for user interaction, including gestures, haptics, buttons, and more
• Expanded guidance for text, color, and content

The HomeKit Human Interface Guidelines now include:

• New guidance for creating a great setup experience
• Expanded guidance for helping people learn new Siri interactions