What you should see after starting the batch action is each file opening, exporting the PNG to the specs listed above, and then closing itself. No need to save them again in the batching process. This may seem wrong, but we've already decided where the Save for Web action would save the PNG. This is where it is imperative that you double-check to make sure where you're saving your PNGs is not in the same folder as the SVGs or even a sub-folder in your SVG folder because if it is, you'll run into an infinite loop of exporting PNGs. If your SVG icons are categorized in subfolders, you'll need to make sure the checkbox 'Include All Subdirectories' is enabled. This is where you'll select the folder where all your SVG icons are kept. For the Source, you'll want to make sure the dropdown says 'Folder' and then click Choose below it. Because you had your action selected, you should see the action already selected in the 'Play' section of the Batch window. Click the action you just created and click the hamburger menu in the top right corner of the Actions tab, then click Batch. To run a batch process, from the Actions tab: Once you have, you can run your batch process. Now that you have an action that exports one SVG as PNG, you can do it for many at a time with Batching.īefore running a batch action, it's advised that you save and close any other work you have not only in Illustrator, but other applications as well. Rename your action to something like 'SVG to PNG 50x50'

After the Save for Web window closes, click File > Close (because you made no changes to the file, it should close without asking to save) Dont make it a subfolder in your SVG folder for reasons that will be clear later.)

Choose the location where you want to save ALL of your exported PNG icons (make it different from where your SVGs are. Under Image size, make the size of your export 50x50 Enable transparency assuming thats what you want Click File > Export > Save for Web (Legacy) Assuming thats the case and if the only thing you want to do is export each file as a 50x50 asset, open one of your SVG files and start recording a new action. This is achievable with a simple batch action assuming each icon is its own individual SVG file.

Convert png to svg adobe illustrator