Title: Custom Icons for Elementor Author: Michael Bourne Published: Est 2, 2018 Last modified: Hedra 28, 2024 --- Search plugins ![](https://ps.w.org/custom-icons-for-elementor/assets/banner-772x250.png?rev=1919100) This plugin **hasn’t been tested with the latest 3 major releases of WordPress**. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress. ![](https://ps.w.org/custom-icons-for-elementor/assets/icon-256x256.png?rev=1919100) # Custom Icons for Elementor By [Michael Bourne](https://profiles.wordpress.org/michaelbourne/) [Download](https://downloads.wordpress.org/plugin/custom-icons-for-elementor.0.3.4.zip) * [Details](https://cor.wordpress.org/plugins/custom-icons-for-elementor/#description) * [Reviews](https://cor.wordpress.org/plugins/custom-icons-for-elementor/#reviews) * [Installation](https://cor.wordpress.org/plugins/custom-icons-for-elementor/#installation) * [Development](https://cor.wordpress.org/plugins/custom-icons-for-elementor/#developers) [Support](https://wordpress.org/support/plugin/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 to your website via Fontello font packs * View the icons in each uploaded pack, delete individual packs if desired * Use icons anywhere you would normally with the default Elementor icon selectors Please note, this plugin requires the Elementor Page Builder to be installed and active. [Elementor is a free plugin](https://en-ca.wordpress.org/plugins/elementor/). This plugin relies on a third party service for it’s functionality provided by [Fontello](http://fontello.com). 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!](https://youtu.be/Rnu9XVD8AdI) ### Plugin Removal Removing this plugin will render your custom icons to be deleted. Take care to un- select them from your icon 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/](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). ### How do I remove Font Awesome icons from the default icon selectors, so that only my custom icons are available? Add this to your functions.php file in a child theme: ``` add_filter('eci_drop_fa', '__return_true'); ``` ### 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 (ZipArchive). Here’s the good news: your host can fix both of these easily. If they refuse, consider moving to a more modern host. ## Reviews ![](https://secure.gravatar.com/avatar/ed27dcf5938081279e45b5d824c12db1e092e731a99cfcb298f9ec061721ede2? s=60&d=retro&r=g) ### 󠀁[this plugin has major bugs – avoid!](https://wordpress.org/support/topic/this-plugin-has-major-bugs-avoid/)󠁿 [swampscrapper](https://profiles.wordpress.org/swampscrapper/) Du 10, 2023 It very well may have worked way back when, but I can tell you, this plugin caused significant issues with our site that took a long time to determine. What could a little icon plugin do? right?? Well this one didn’t break the site it just caused immeasurable performance issues. Glad we determined our culprit. ![](https://secure.gravatar.com/avatar/90ecd788a6c89cb958af6801602e578a6c84a39cfb0ce42aad8503db0e1fcecc? s=60&d=retro&r=g) ### 󠀁[Awesome!](https://wordpress.org/support/topic/awesome-9933/)󠁿 [quyle](https://profiles.wordpress.org/quyle/) Me 3, 2023 It works like charm. Thanks. ![](https://secure.gravatar.com/avatar/77343c83ef3945837eee5d1a8ab3bcc903b8ddb6dd0658c821dca46d07d04758? s=60&d=retro&r=g) ### 󠀁[Great plugin!](https://wordpress.org/support/topic/great-plugin-33879/)󠁿 [aethronos](https://profiles.wordpress.org/aethronos/) Ebrel 10, 2022 It does what it should. Thank you for a great plugin. ![](https://secure.gravatar.com/avatar/d5d0b89ce54bfef8af48441c1ce7f30dc707f4d76025f1bd45617ea9eba29fc9? s=60&d=retro&r=g) ### 󠀁[Great Plugin](https://wordpress.org/support/topic/great-plugin-31169/)󠁿 [dorfamco](https://profiles.wordpress.org/dorfamco/) Metheven 12, 2021 Thank you so much. This plugin is great. 10/10 recommend it ![](https://secure.gravatar.com/avatar/6bc90802e953ff037a4ad1cadf571e8eea8b94b6dd6b6472dc22a94b0d663e63? s=60&d=retro&r=g) ### 󠀁[PERFECTTTTTTT!](https://wordpress.org/support/topic/perfecttttttt/)󠁿 [frankbaku](https://profiles.wordpress.org/frankbaku/) Mis-Genver 7, 2021 Thank you so much! Great Plugin! ![](https://secure.gravatar.com/avatar/8e40f2811f0d93b5505ccf828ad1ba4c12e9a00e17535b8cd7aa887f9d0c2003? s=60&d=retro&r=g) ### 󠀁[Helpfull and free](https://wordpress.org/support/topic/helpfull-and-free/)󠁿 [dako77](https://profiles.wordpress.org/dako77/) Meurth 23, 2020 This plugin is really helpfull, when you want to use more icons. For the first time it was little bit difficult to orient how it works, but later its great and really easy to use 🙂 I highly recommend it 🙂 And main reason – its free 😀 [ Read all 33 reviews ](https://wordpress.org/support/plugin/custom-icons-for-elementor/reviews/) ## Contributors & Developers “Custom Icons for Elementor” is open source software. The following people have contributed to this plugin. Contributors * [ Michael Bourne ](https://profiles.wordpress.org/michaelbourne/) “Custom Icons for Elementor” has been translated into 6 locales. Thank you to [the translators](https://translate.wordpress.org/projects/wp-plugins/custom-icons-for-elementor/contributors) for their contributions. [Translate “Custom Icons for Elementor” into your language.](https://translate.wordpress.org/projects/wp-plugins/custom-icons-for-elementor) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/custom-icons-for-elementor/), check out the [SVN repository](https://plugins.svn.wordpress.org/custom-icons-for-elementor/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/custom-icons-for-elementor/) by [RSS](https://plugins.trac.wordpress.org/log/custom-icons-for-elementor/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 0.3.4 * Fix: further restrict file uploads to parse out unused files. #### 0.3.3 * Fix: WP Plugin check recommendations #### 0.3.2 * Fix: Security issue if a malicious admin user is present on website. #### 0.3.1 * Small tweak for Elementor 2.6 #### 0.3 * Added support for the new Elementor v2.6+ icons manager #### 0.2.4 * Supress PHP warning if Fontello file can’t be read by server * Add URL fallback for Fontello file reading (some servers are setup in a way that prevents server path reading) * Fix “empty Fontello file name” issues by defaulting to ZIP file name instead of random string, thereby fixing the “disappearing icons” in unnamed files * Fix CSS issues in editor and icon lists #### 0.2.3 * Adjusted priority of custom function to prevent certain themes from breaking it * Change to parse css function to prevent a possible but rare error * Change to CSS display of icons from inline-block (FA style) to block (E style) * Added filter to remove FA icons from default selectors #### 0.2.2 * Regen error fix #### 0.2.1 * Improve CSS Regen to fix changed URLs * Tweak CSS display of icons to match native icons * Change CSS font-face path to relative URLs * Add uninstall method to clean up left over files #### 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 ## Meta * Version **0.3.4** * Last updated **1 year ago** * Active installations **10,000+** * WordPress version ** 5.4 or higher ** * Tested up to **6.6.5** * PHP version ** 7.4 or higher ** * Languages * [Chinese (China)](https://cn.wordpress.org/plugins/custom-icons-for-elementor/), [English (US)](https://wordpress.org/plugins/custom-icons-for-elementor/), [French (France)](https://fr.wordpress.org/plugins/custom-icons-for-elementor/), [Persian](https://fa.wordpress.org/plugins/custom-icons-for-elementor/), [Russian](https://ru.wordpress.org/plugins/custom-icons-for-elementor/), [Spanish (Chile)](https://cl.wordpress.org/plugins/custom-icons-for-elementor/), ha [Spanish (Spain)](https://es.wordpress.org/plugins/custom-icons-for-elementor/). * [Translate into your language](https://translate.wordpress.org/projects/wp-plugins/custom-icons-for-elementor) * Tags * [elementor](https://cor.wordpress.org/plugins/tags/elementor/)[fontello](https://cor.wordpress.org/plugins/tags/fontello/) [icon fonts](https://cor.wordpress.org/plugins/tags/icon-fonts/)[icons](https://cor.wordpress.org/plugins/tags/icons/) * [Advanced View](https://cor.wordpress.org/plugins/custom-icons-for-elementor/advanced/) ## Ratings 4.5 out of 5 stars. * [ 28 5-star reviews ](https://wordpress.org/support/plugin/custom-icons-for-elementor/reviews/?filter=5) * [ 1 4-star review ](https://wordpress.org/support/plugin/custom-icons-for-elementor/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/custom-icons-for-elementor/reviews/?filter=3) * [ 1 2-star review ](https://wordpress.org/support/plugin/custom-icons-for-elementor/reviews/?filter=2) * [ 3 1-star reviews ](https://wordpress.org/support/plugin/custom-icons-for-elementor/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/custom-icons-for-elementor/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/custom-icons-for-elementor/reviews/) ## Contributors * [ Michael Bourne ](https://profiles.wordpress.org/michaelbourne/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/custom-icons-for-elementor/) ## Donate Would you like to support the advancement of this plugin? [ Donate to this plugin ](https://www.paypal.me/yycpro)