Animation Addons

Animation Addons

General Extensions

Custom Icon

Estimated reading: 2 minutes 4 views

Custom icons give your design a personal touch and help your content stand out. By adding your own icons, you can make your site look exactly how you want—professional and unique. With Animation Addons, it’s easy to upload your icons, name them, and place them wherever you need. 

Whether you’re highlighting features, guiding visitors, or just adding some style, custom icons make your website more engaging without any fuss.

Requirement 

  • Elementor (Page Builder) 
  • Animations Addons for Elementor (Our Plugin)  

Tip: Make sure Animation Addons is installed and activated on your WordPress site before you start. 

How To Activate Custom Icon 

  1. Go to your WordPress Dashboard. 
  2. Click on Animation Addons. 
  3. Head to the Extension Tab. 
  4. Click on General extensions and toggle on Custom Icon. 
Custom Icon 1
  • To add a custom icon, first go to ‘Animation Addons’ and click on ‘Custom Icon’.
Custom Icon 2
  • Afterward, click on ‘Add New Icon’.
Custom Icon 3
  • Next, set a name for your custom icon.  Then click on ‘Drag file’ to upload or drag and drop your icon. Once uploaded, you’ll see your icon added successfully. 

   For example, I named it ‘Mobile Icon’, but you can choose any name you prefer.

Custom Icon 4
Custom Icon 5
  • Now, select the element where you want to add the custom icon. Then click the ‘+’ symbol, type ‘Icon’ in the search box, and choose it from the list.
Custom Icon 6
  • Next, simply  click on ‘Icon Library’
Custom Icon 7
  • Then, you’ll see the custom icon you uploaded in the left corner. Finally, click on ‘Insert’.
Custom Icon 8

Final Results 

Custom Icon 9

You Did It 

Well done! You’ve added a custom icon to your website using Animation Addons. This simple step helps make your site look more unique and professional. Your design now has a personal touch that better fits your style and message. 

Additionally, if you have any questions or need a hand, feel free to reach out to our support team—we’re always here to help. 

Share this Doc

Custom Icon

Or copy link

CONTENTS