Just joined the noun project and they have some great icons! The only problem is that anytime I try to resize the icons to make them smaller (eg 64x64) they seem to get a bit fuzzy. Doesn't matter if I resize the png or svg file format. I export the files to png and use them for a website.

  • Can you provide details about how you're using the SVG file? It shouldn't be blurry Commented Jul 9, 2017 at 4:00

1 Answer 1


Assuming you are using Illustrator, download the SVG version, which is a vector format and can be used to generate a smooth PNG at any size you need.

Open and clean up the SVG file, then do a 'Save for Web' and type '64' in the 'Image size → Width' field and make sure 'Clip to Artboard' is not checked and PNG-24 is selected above.

To ensure even better smoothness, export a larger PNG, i.e. 128x128px, and scale this down to 50% in your CSS code.

This should probably also work via Photoshop using a similar routine.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.