astrit / css.gg

700+ Pure CSS, SVG & Figma UI Icons, 6000+ glyphs, patterns, colors and layouts.
https://css.gg
Other
9.71k stars 482 forks source link

Figma design issue: Some icon components have a 180degree rotate property #74

Closed colourbound closed 1 year ago

colourbound commented 3 years ago

Some icon master components have a 180degree rotate property.

EDIT: On top of this some icons have been flipped vertically

Icons affected:

Why is this a problem: Because the rotation is on the master component when swapping between different icons (some with and some without the 180 degree property) the icons will flip. Currently everyone who duplicates the file will need to manually fix this themselves.

For icons that have been flipped it means using them with other icon systems will flip them when swapped inside a component.

How to fix: Reset the master component degree property to 0 and change internal vector path degree property to meet the needs of the individual icon (usually also resetting it to 0).

Flip any affected icon so the Y co-ordinate is the lower of the two.

Screen Shot 2021-08-20 at 11 01 20 am

Screen Shot 2021-08-20 at 11 33 27 am

astrit commented 2 years ago

Thank you very much for this, I did not know this is an issue. Will try and fix it as soon as possible.