How do I export Illustrator icons?

How do I export Illustrator icons?

Illustrator icon exporting method

1. Step 1: Create a template file. You’ll want two artboards; one at 16×16 and the other at 24×24.
2. Step 2: Create your icon! I am working on another blog post on how I create my icons.
3. Step 3: Export the artboards. Go to File > Export > For Screens or use the keyboard shortcut ⌥+⌘+E.

Why is my Illustrator File pixelated when exported?

There are 2 reasons why your exported image appears pixelated. Either you’re original artboard size in illustrator does not match your intended export dimensions (artboard was too small) or your export settings result in a lower quality export. Pixelated images lose quality when scaled up, unlike vector images.

What size should an icon be in Illustrator?

You probably already know that icons should be placed into square artboards. You could choose from the various icon sizes: 16×16; 24×24; 32×32; 48×48; 64×64; 96×96; 128×128; 256×256; and many others. Also, make sure all these values are set in pixels!

What size should I export icons?

Creating the original Illustrator file I used this number because the exported icons needed to be 72 x 72 pixels (referred to as hdpi, high resolution), 48 x 48 pixels (referred to as mdpi, medium resolution) and 36 x 36 pixels (ldpi, low resolution).

How to export artwork from a file in illustrator?

Export artwork 1 Background export. When you export assets from a file using the File > Export > Exports for Screens option, Illustrator runs the export process in the background. 2 PNG export options. 3 TIFF export options.

How to stop the export process in illustrator?

If you want to stop the export process for any file, click the Cancel (x) button next in the progress bar. By default, files will be always exported in the background. To turn off background export, choose Preferences > File Handling & Clipboard > Export in Background.

How to export vector icons to multiple sizes and formats?

If you click on the cogwheel icon, you can change the output settings for each of the formats (quality, compression, colors, aliasing, etc.). The files will be exported to the location you choose, named by the pattern you defined in the export window.

How do you export slices in Adobe Illustrator?

By now you probably know that you have to manually create the slices for each and every one of your icons, and then go directly to File > Save for Web. Here you will be tempted to use the Selected Slices Export option, but compared to the other two methods, this will only export the last slice from your Artboard.