ios – Why are SF Symbols not aligned correctly?


I’m working with creating custom SF Symbols and I’ve come across a peculiar behavior: symbols get resized and centered vertically, but not horizontally.

For example, I would like to lay our four quarters of a circle in a ZStack, each with a different color, so they form a circle. Here you can see the expected result on the left and actual result on the right:

Left: expected result, a circle. Right: actual result.

Here is the bare-bones project with the four custom SF Symbols: https://github.com/Cecile-Lebleu/Custom-SF-Symbols-issue

I’ve generated the SF Symbols from Figma using this plugin. When importing the symbols into the SF Symbols app or in XCode Assets, they are displayed in their correct positions:

Screenshot from SF Symbols app.

Latest articles

spot_imgspot_img

Related articles

Leave a reply

Please enter your comment!
Please enter your name here

spot_imgspot_img