Hands-on Tutorial

Beginner

5 min

Exporting icons

Once designed, icons must be exported as consistently-sized, transparent files. So let’s explore how to prepare and export your icon designs.

Start with core concepts

This video introduces the process of exporting icons in different formats, depending on what you use them for.

What you'll learn

Scale your icons

Resize icons by dragging with the Selection tool so they appear the same size.

Group icon artwork

Group artwork for each icon before exporting to ensure that the icon exports as one object.

Export icons using Asset Export

Drag into the Asset Export panel each icon you want to export individually. Then set options before exporting needed images. 

Choose the right icon format

Export in a few formats like SVG and PNG, and understand when and why to use those formats. 


Instructor

Brian Wood

November 2, 2022

Try these tutorials with Illustrator

Create illustrations and other graphics with vectors.