Integrations
WordPress
Hugeicons Pro with Elementor

Hugeicons Pro with Elementor

Build stunning pages in Elementor with access to 46,000+ icons across 10 unique styles. The Hugeicons Elementor plugin provides dedicated widgets designed specifically for the Elementor page builder.

Video Tutorial

Prerequisites

Before using Hugeicons with Elementor, make sure you have:

  • WordPress 5.0 or higher
  • Elementor page builder installed (Free or Pro)
  • An active Hugeicons Pro subscription
  • Your license key ready (available in your Hugeicons account (opens in a new tab))

If you are not a Pro user yet, you can purchase a license from the Hugeicons pricing page (opens in a new tab).

1. Download the Elementor Plugin

  1. Go to Hugeicons downloads (opens in a new tab) from your profile
  2. Download the Hugeicons Elementor Plugin file (.zip)

2. Install the Elementor Plugin

  1. Go to WordPress Dashboard > Plugins > Add New
  2. Click Upload Plugin at the top of the page
  3. Choose the Elementor plugin .zip file you downloaded
  4. Click Install Now
  5. After installation, click Activate Plugin

3. Activate Your License

  1. Go to WordPress Dashboard > Settings > Hugeicons (or the plugin settings page)
  2. Enter your license key (get it from your Hugeicons account (opens in a new tab))
  3. Click Activate to verify your license

Once activated, all 46,000+ icons with all 10 styles are immediately available.

Available Widgets

The Hugeicons Elementor plugin includes 4 powerful widgets, all found under the Hugeicons category in the Elementor editor:

Icon Button

Create buttons with icons positioned before or after text.

Features:

  • Icon position options (before/after text)
  • Hover effects for icons
  • Full button styling controls
  • Link and action settings

Icon Box

Perfect for feature sections with an icon, title, and description.

Features:

  • Icon placement options (top, left, right)
  • Title and description typography controls
  • Spacing and alignment settings
  • Hover animations

Icon List

Create icon lists with optional links and dividers.

Features:

  • Multiple list items with individual icons
  • Optional links for each item
  • Divider styles between items
  • Vertical and horizontal layouts

FAQ (Accordion)

Build accordion-style FAQs with customizable expand/collapse icons.

Features:

  • Customizable toggle icons
  • Multiple FAQ items
  • Animation controls
  • Typography and spacing options

Using the Icon Picker

All widgets use the Hugeicons icon picker, giving you access to the entire library:

  1. Add any Hugeicons widget to your page
  2. Click the Select Icon button in the widget settings
  3. Search through 46,000+ icons
  4. Filter across 10 styles and 59 categories
  5. Click to select and insert

Tips for Elementor Usage

  • Use the Icon Box widget for feature grids and service sections
  • Combine Icon Button with Elementor's button styling for consistent design
  • The Icon List widget works great for checklists and feature lists
  • Use the FAQ widget for documentation and help sections
  • Regularly update the plugin to access new icons
Hugeicons Pro with WordPressWebflow