Integrations
WordPress
Quick Start (Free)

Quick Start with WordPress (Free)

Get up and running with Hugeicons Free in your WordPress site. This guide covers installation, basic usage with the Block Editor, and shortcode implementation.

Video Tutorial

Prerequisites

Before you start, make sure you have:

  • WordPress 5.0 or higher
  • PHP 7.4 or higher
  • Access to your WordPress admin dashboard

1. Install the Plugin

Install the Hugeicons WordPress Plugin from the official WordPress Plugin Directory:

Option 1: From WordPress Plugin Directory (Recommended)

  1. Go to WordPress Dashboard > Plugins > Add New
  2. Search for "Hugeicons"
  3. Click Install Now and then Activate

Option 2: Manual Installation

  1. Download the plugin from the WordPress Plugin Directory (opens in a new tab)
  2. Go to WordPress Dashboard > Plugins > Add New
  3. Choose the downloaded .zip file you downloaded
  4. Click Install Now
  5. After installation, click Activate Plugin

2. Basic Usage

Using the Icon Picker

The easiest way to add icons to your content:

  1. Click the Hugeicons button in the Block Editor toolbar
  2. Search and select your desired icon
  3. Insert it into your content

Using Shortcodes

For more control, use the shortcode syntax:

[hugeicons icon="icon-name" size="32" color="#333333"]

3. Next Steps

OverviewHugeicons Pro with WordPress