Legend:

But how are you supposed to make it correct if you don't see the difference in 1:1 and inkscape zooms it other way than we did? Again, don't worry. Inkscape can show the pixel grid for you, so you can check if anything is aligned as supposed. Go to File > Document Properties, and there click on the Grid tab. Add new rectangular grid and make sure, Spacing X/Y is set to 1 px and Origin X/Y is set to 0 px. Now the pixel grid lines appear in the document.

17

But how are you supposed to make it correct if you don't see the difference in 1:1 and inkscape zooms it other way than we did? Again, don't worry. Inkscape can show the pixel grid for you, so you can check if anything is aligned as supposed. Go to File > Document Properties, and there click on the Grid tab. Add new rectangular grid and make sure Spacing X/Y is set to 1 px and Origin X/Y is set to 0 px. Now the pixel grid lines appear in the document.

18

18

19

19

However, you need to keep in mind that the grid lines are actually what you can call "lines between pixels" so the real pixels are inbetween the lines. That means, that every line you have in your icon needs to be '''between''' the grid lines - '''not''' cross them. Again here's the example what the wrong (on the left) and correct (on the right) case look like:

Now you have nearly everything you need in order to make your icon crisp. However, inkscape has prepared one another "trap" for you - if the grid is displayed it automaticaly aligns everything on it - which means your lines will be just in between two pixels (note that sometimes this might intentional in order to easily create various effects), which in the result image will look blurry because the line would be divided into two pixels. But how to workaround that? There are multiple ways to do it:

23

Now you have nearly everything you need in order to make your icon crisp. However, inkscape has prepared one another "trap" for you - if the grid is displayed it automaticaly aligns everything on it - which means your lines will be just in between two pixels (note that sometimes this might be intentional in order to easily create various effects), which in the result image will look blurry because the line would be divided into two pixels. But how to workaround that? There are multiple ways to do it:

24

24

25

25

* Set the Origin X/Y to 0.5 px and draw the lines '''on''' the grid lines, or