The Elementor Icon Library is a built-in collection of thousands of scalable vector icons that you can use directly within your Elementor-designed pages. These icons cover a wide range of categories—like social media, e-commerce, user interface, and general design elements—making it easy to enhance the look and functionality of your website without needing to upload custom graphics.
Elementor integrates Font Awesome icons as well as its own proprietary icon sets, giving you flexibility to choose from different styles and sizes. You can easily insert icons into buttons, menus, headings, or other widgets, and customize their color, size, and alignment to match your site’s design. The library also keeps everything lightweight and optimized, so adding icons won’t slow down your site.
In short, the Elementor Icon Library is a powerful tool for designers who want professional-looking icons at their fingertips without extra hassle.
Where to Find the Full Icon Catalog?
While Elementor provides easy access to icons directly within the page builder, sometimes you might want to browse the entire icon catalog before deciding which ones to use. Elementor has made its full icon library publicly available online at https://elementor.github.io/elementor-icons/.
This online catalog lists all the icons included in Elementor, along with their names and categories, making it simple to search for the exact icon you need. You can preview each icon, check its style, and even copy its name or Unicode to use in your designs. This is especially helpful if you’re planning your website layout or want to ensure consistency across different sections of your site.
By using the full catalog, you get a complete overview of Elementor’s icon options without having to navigate widget by widget in the editor. It’s a great resource for designers looking for inspiration or precision when incorporating icons into their projects.
You can also view the Elementor Icon (eicons) Catalog here: