> For the complete documentation index, see [llms.txt](https://docs.mapeo.app/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.mapeo.app/complete-reference-guide/customization-options/custom-configurations/creating-custom-configurations/coding-configuration/adding-icon-files/creating-and-exporting-svg-files-using-adobe-illustrator.md).

# 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.

![](/files/sIWnuZdXX8tJEbx5Rs6Z)

* 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**:

![](/files/XWBOvDkOmsQs5RgcsA1o)

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