

Use the result in your app as you would use the original SVG version of a symbol. You can modify the SVG version of a symbol using a vector-editing tool like Sketch or Illustrator. The exported SVG version of a symbol is well structured and can be used as a base for your custom symbol. You can create custom symbol if there is no symbol available to match your requirements. The newly introduced multicolor symbols are unique compared to tinted symbols as they automatically adapt to appearance modes like Dark mode, accessibility settings, and vibrancy. In SF Symbols 2 and later, you can use multicolor symbols to display images that contain more than one color. Multicolor Symbolsīy default, a symbol can use an app's accent color. This should give you enough control to visually align symbols horizontally. With the 2.0 update, you can now give symbols negative side margins that are supported by both standard and custom symbols. It automatically ensured the vertical alignment if used with the San Fransisco system font. Until version 1.1 it was not possible to horizontally align symbols.

Using optical alignment was a challenging in SF Symbol. It comes in nine weights - from ultralight to black - to match a weight of the San Francisco system font.Įach symbol is also available in three scales: small, medium, and large. It designs to work along with their text. As they are integrated into the San Francisco system font they automatically ensure optical vertical alignment with text for all weights and sizes. SF Symbols are set of over 2,400 consistent, highly configurable symbols you can use in your app.
