<aside> 💡 Vector images: are one of the most important parts of interface design. It is very important that you prepare all of these elements before uploading. They should be combined into one path each icon as much as possible

</aside>

1. Examples by Sizze

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/9ebc6fdb-06c7-4d66-8fe8-5efb8518c8f8/Frame_6580.png

Do: use layer blending for vector elements

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/32fe567e-c8b9-46f5-8498-ffae030e5c03/Screenshot_2021-05-13_at_13.42_1.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/171e6eb8-a9f2-4925-823c-49bd36b34f4d/CMD__SHIFT__O.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/41d8ef4b-2d6a-43b5-a68e-0c99084fb6c2/Screenshot_2021-05-13_at_13.32_1.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/1da86bcd-2abf-4352-bf1f-30c214a36a79/Frame_6579.png

Don’t: nested structure in vector elements is not perceived by the code. You can't change the color

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/f52d6382-91a1-4db3-acf5-5221823edc44/Screenshot_2021-05-13_at_13.33_1.png

Example in Figma

Sizze Tutorial