0

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 – Zach Saucier Jul 9 '17 at 4:00
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.

| improve this answer | |

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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