: How to resize icons from the noun project without losing quality Just joined the noun project and they have some great icons! The only problem is that anytime I try to resize the icons to

@Samaraweera207

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.

Vote Up Vote Down