# Creating and exporting SVG files using Adobe Illustrator

[Adobe Illustrator](https://www.adobe.com/products/illustrator.html) is a vector graphics editor and design program developed by Adobe Inc. Although it is a commercial, licensed product, it is very commonly used to put together vector graphics, and many users utilize this tool for creating icons for Mapeo as well.

###  Exporting `.svg` files with the right properties

When you're ready to export a vector graphic file into a Mapeo-compatible `.svg` file format, the process is as follows:

* On the Adobe Illustrator top menu, click on **File** and then select **Export,** followed by **Export As.**
* Ensure that **Use Artboards** is checked.

![](https://3796244665-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYBEBKX0wx5_bwmCf0q-887967055%2Fuploads%2FEYErmEG9VIN9pKP0cvP2%2FUse-artboards.jpg?alt=media\&token=3a2a170e-145b-4961-9310-2aa433020082)

* Save your `.svg`  file in the correct directory (**`icons`** for Mapeo configurations) and with your desired filename, and click **Export**.
* In the following window, ensure that the following properties are set, and then click **OK**:

![](https://3796244665-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYBEBKX0wx5_bwmCf0q-887967055%2Fuploads%2Fe6bJI0XaenMEU1KAwzuy%2Fsvg-options.JPG?alt=media\&token=f3c9527e-a538-4cc0-96cb-b986a2a8075a)

Your `.svg` file should now be ready to be used by Mapeo. See [#naming-icon-files](https://docs.mapeo.app/~/changes/iOm3AFqdVz8g9c1IDE5m/complete-reference-guide/customization-options/custom-configurations/creating-custom-configurations/coding-configuration/adding-icon-files/..#naming-icon-files "mention") for more information on how to name the files and where to place them in the configuration directory.