You can install two types of icon sets in WPIcons Pro. The first is a custom constructed .zip file which you can download from Icomoon. The other type is a simple .zip archive of just .svg files. These can be images that you download from third party sites, icons you create in an application like Adobe Illustrator, or icons downloaded from one of the provided icon services.

It’s important to note that constructing the .zip file for each set type is slightly different, but installation is exactly the same. For detailed instructions on how to download Icomoon icons or construct your custom .zip archives for upload, checkout our documentation for each:

If you’re at all curious about the technical differences between .svg icons and font icons, take a look at the following article: SVGs vs. Icon Fonts: The Battle Without Resolution.

Installing the Icon Set

When you have your .zip archive (either downloaded from Icomoon or constructed yourself following our tutorial) you can proceed with the following steps.

Click on Install New at the top of the Icon Sets page to display the icon set installation popup.

Installing a new icon set.

Drag your .zip archive into the drop zone of the popup, or click on the dropzone to bring up the file browser for your local machine. If you bring up the file browser, navigate to the location of your zip and select it to begin the upload.

Installing a new icon set is as simple as dragging in a .zip archive.

You’ll see that once the icon set is installed, you’ll see it listed on the Icon Sets page. From here you can preview the icon set by hovering over the icon set container and clicking on the little eyeball icon. This will bring up the popup of all the icons contained in the icon set you just installed (as seen in the image above).

You can then head over to a page, a post or any menu item and start adding these icons right into your website.

Payment Types custom icon set viewed in the icon browser.

Was this article helpful? ·


Warning: array_rand(): Array is empty in /home/runcloud/webapps/wp-svg-icons/wp-content/mu-plugins/fomo/fomo.php on line 109

Notice: Undefined index: in /home/runcloud/webapps/wp-svg-icons/wp-content/mu-plugins/fomo/fomo.php on line 109
WPIcons Pro - Plus License
Code Parrots