Hi, ALL,

I have one weird problem.

I have 2 SVGs - one downloaded from the Web and one I made inside InkScape.

In my program I'm using nanoSVG  to parse and render them.

The query.svg was downloaded and the libraryclosed.svg was made inside inkscape.

Could someone please explain what is the difference between them so that I can fix the one I made and move on with my development?

Thank you.

Check "Libraryclosed.svg" in View->Display mode->Outline what a mess it is you have 13 objects in your file when just 4 are needed:

I tried to make it pixel-perfect when crisp rendering is enabled:

polygon,

Could you please explain what did you do?

I also have libraryOpen icon which looks the same.

Thank you

I set the Bounding Box to "Visual bounding box" in Preferences->Tools and snapping to a 1px grid - when making a "bitmap copy" set its rendering mode to "Crisp edges" or "Pixelate".

@Polygon,

I have the "Visual bounding box" set.

How do I set the snapping to 1px?

Thank you.

I believe your file has grid set already to 1px - otherwise open Document Properties and add a new grid/units=px (no major grid lines).

@polygon,

[quote]

and snapping to a 1px grid - when making a "bitmap copy" set its rendering mode to "Crisp edges" or "Pixelate".

[/quote]

I added the grid.

Now what?

Where is the Snap To Grid button?

And what purpose there is for copying bitmap?

Thank you.

Snapping panel is in the upper right corner. Use the Node tool to drag corners to grid and let it snap. Aren `t you use the icons as bitmap in an application? If so you can check for any anti aliasing issues.