XeroWP
Custom Icons for Elementor and WPBakery
Custom Icons for Elementor and WPBakery

Custom Icons for Elementor and WPBakery

5/5 (1 ratings) 10K+ active installs Updated Oct 29, 2026
custom iconselementorgutenbergicomoonWPBakery
Download v1.1.1 Plugin Website
The Custom Icons manager: an uploaded icon set with search and delete.

The Custom Icons manager: an uploaded icon set with search and delete.

Custom Icons for Elementor and WPBakery lets you add your own icon fonts to WordPress and pick them in the icon controls of Elementor and WPBakery Page Builder. Instead of relying on a stock icon library, you can use a custom icon set that matches your brand.

Generate an icon font with the free IcoMoon app, upload the ZIP file on the plugin’s “Custom Icons” page, and your icons appear next to the built-in ones in the page builder. A “Custom Icon” block brings the same icons to the block editor.

Features

  • Upload custom icon fonts as a ZIP file exported from IcoMoon
  • Icons show up as an extra tab in Elementor’s icon library
  • Icons are available in the WPBakery Page Builder icon picker
  • “Custom Icon” Gutenberg block: custom icons in the block editor, with a searchable icon grid, size, color and alignment
  • Add as many icon sets as you need
  • Icon manager in the admin menu with search across all uploaded icons
  • Delete an icon set with one click
  • Uploads are validated: only font files with allowed extensions are extracted from the ZIP, and size limits apply

How to add custom icons to Elementor

  1. Create your icon set in the IcoMoon app and download it as a ZIP file.
  2. In WordPress open “Custom Icons” in the admin menu and click “Upload New Icons”.
  3. Select or upload the ZIP file in the media library and insert it.
  4. Edit a page with Elementor, add an Icon widget (or any element with an icon control), open the icon library and pick your set from its tab.

How to add custom icons in the block editor

  1. Upload your icon set on the “Custom Icons” page.
  2. Edit a post or page, click the add-block button and search for “Custom Icon” (Design category).
  3. Pick an icon from the grid in the block sidebar and set its size, color and alignment.

For WPBakery, choose your icon set in the icon type dropdown of the Icon element and select an icon.

Requirements

Elementor and/or WPBakery Page Builder must be installed to use the icons in the page builder. The ZIP must be an IcoMoon export that contains the selection.json file. Limits: up to 300 files per ZIP, 5 MB per file and 20 MB in total.