Cadabra | Perfect Icons
Start my project

Perfect Icons

Select right size

Various operating systems have different standard icon sizes. Here’s a summary with explanations about when to use each of the icon sizes. Scroll down the page for more detailed information.

Use grid

This simple template helps you to create pretty icons with equal composition values.

Use the same sizes for all icons

Create all icons of one set of the same size art-boards.

Outlines

Use outlines properties, such as rounding off edges and corners. Avoid the use of inner and external outlines in Sketch3 for not closed lines, if you set the rounding.

Perfect pixel

Keep your icon fitted to the pixel grid. Always work in a pixel preview mode. Use Round for Pixel Tool or set points manually.

By using outlines in the centre, apply even-numbered pixel meanings — not 1px, but the 2px outline. If you need to use 1px outline, make it inside.

Stroke

Each stroke must be converted to fills. Use outlines option for it.

Fills

Fills must be combined creating compound paths if it’s necessary (no overlapping shapes). Use Flatten option for it.

Colors

Avoid any colors or filled backgrounds in your glyphs. It must be a black simple shape.

Images

Any image in your SVG will be ignored.

Thanks for reading us!

Originally written for Cadabra Studio.

Authors: Mary Kostrova, Alyona Bogdashevskaya.

You can find us on

InstagramBehanceDribbbleFacebookTwitter.

We have something special for you. 

Type the your request
Thank you
Your request has been submitted.
We’ll get in touch with you very soon!

YOU ARE LOOKING FOR:

YOU ARE LOOKING FOR: