Custom Icons for Elementor

Description

Enables the user to add their own custom icons to the built in Elementor icon controls and elements, thereby removing the reliance on FontAwesome and providing a better opportunity for branding with custom icon sets on your websites. Works exclusively through the use of Fontello’s free icon font service.

Plugin Features

  • Add unlimited icons and SVG icons to your website
  • Upload multiple icon packs from Fontello
  • View the icons in each uploaded pack, delete individually if desired
  • Use icons anywhere you would normally with the default Elementor icon selector

Please note, this plugin requires the Elementor Page Builder to be installed and active. Elementor is a free plugin.

This plugin relies on a third party service for it’s functionality provided by Fontello. No private information is sent to their server, rather their provided webfont downloads are what’s used to add fonts to this plugin.

Looking for a video tutorial? Here it is!

Plugin Removal

Removing this plugin will render your custom icons to be broken. Take care to remove them from your elements prior to plugin removal.

Copyright

Custom Icons for Elementor is a plugin for WordPress that enables you to add custom icon fonts to the built in Elementor controls.
Copyright (c) 2018 Michael Bourne.

The Custom Icons for Elementor Plugin is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License or (at your option) any later version.

This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.

You should have received a copy of the GNU General Public License along with this program. If not, see http://www.gnu.org/licenses/

You can contact me at michael@michaelbourne.ca

Installation

  1. Upload your plugin folder to the ‘/wp-content/plugins’ directory.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
  3. Go to Fontello.com to create your own icon font. Download the zip when done.
  4. Upload the Fontello zip file to the plugins settings page.

FAQ

What can I do with this plugin?

You can add your own icons from Fontello to Elementor (free and pro). From exisiting icon fonts to totally custom SVG icons, no more messing around with CSS or image elements. It’s now all baked in.

Can I upload more than one Fontello package to a single site?

You bet! Upload as many as you like, they will all work. However, make sure you give each font a unique name (text box beside the Fontello download button).

HELP! It doesnt work?!

There is a small, small chance this plugin may not work on your web host. This is caused by two things generally: a mod_security rule flagging the ZIP upload, or the lack of PHP libraries needed to unzip files. Here’s the good news: your host can fix both of these easily. If they refuse, consider moving to a more modern host.

Reviews

HORRIABLE SUPPORT!!!!!

I purchased this product and had one question that has been ignored. If you get the plug-in to work… GREAT!!! If not, YOU ARE ON YOU’RE OWN. There is no support for this

Brilliant!

Created me a whole bunch of work but I’m very grateful for the opportunity to simply and easily build a set of useful, working icons that match my content. The only way this could be improved is if it removed the dead default icons – but regardless, this plugin is a 5/5. Thanks!

It Now Works.. You have to listen to the video carefully

Works great, however the directions will get you if you don’t look carefully at the video. There is two keys that makes all the difference and that is using fontello to package the fonts as well as naming the fonts specifically in Fontello. Without doing that, it won’t work.

Read all 9 reviews

Contributors & Developers

“Custom Icons for Elementor” is open source software. The following people have contributed to this plugin.

Contributors

“Custom Icons for Elementor” has been translated into 1 locale. Thank you to the translators for their contributions.

Translate “Custom Icons for Elementor” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

0.1.4

  • Fix the “empty box” icon error seen on some sites. Please reupload any affected fonts and regen your css.

0.1.3

  • Fix error where an un-named font will not render properly
  • Edit content directory reference

0.1.2

  • Rewriting of help instructions to be more clear
  • Limit upload area to zip files only to prevent confusion
  • Added javascript translations
  • Fixed icon font rendering after upload
  • Added additional error alerts on font upload for hosts with no zip support

0.1.1

  • Fix incorrect URI constant
  • Fix jQuery reloading of stylsheet in admin page
  • Fix internationalization and regenerate language files
  • Added French translation, care of Jean @momo-fr

0.1.0

  • Initial Public Version