Lines are pixelated and low quality when exported to .PNG in low resolution with Adobe Illlustrator

I’m trying to make 16×16 icons in line style with Adobe Illustrator and when I export to .PNG, lines are extremely low quality and pixelated. Here’s examples:

Inbox Icon

Dashboard Icon


Here’s what it looks like in Illustrator:

Screenshot of Adobe Illustrator

I’m trying to figure out what I’m doing wrong. Is there something I need to know? Thanks!


I think you have to design these icons using a pixel-snap grid. You have to set the grid (and units) and the document settings. Try to follow this -old- article:

Source : Link , Question Author : dmxt , Answer Author : Mattia Astorino

Leave a Comment