Icon Library

the Icon Library gives access to more than 1,500 free Font Awesome 5 icons and introduces an interface to manage your icons.

Click on the Icon Library button that appears on any widget with icon controls to open the Icon Library. Most of the controls will look like this:

Some widgets, como los widgets Accordion y Toggle, tendrán controles de iconos en línea como este:

Widgets with inline controls: Click on the + and – icons to choose from icon library or click the Upload icons to load an SVG.

The icons that are relevant to the widget you are currently using will be displayed automatically, but if you prefer, you can browse the entire library to choose the icon you want or search for a specific icon.

1. Filter icons by name: Busque por keyword en el cuadro de búsqueda sobre los iconos en el panel derecho.
2. Filter icons by families: Select the family of icons in the left pane, choosing between All, Regular, Solidor Trademarks

Font Awesome Pro

If you have a Font Awesome Pro license, you will have a larger set of icon families to choose from, including Regular pro, Solid pro, Pro Brands, Light Proand Duotone Pro.

How to use Font Awesome Pro icons

1. Go Elementor> Settings> Integrations
2. Scroll down to Font Awesome Pro and enter your Kit ID
3. Click Save Changes
4. Edit the widget that includes an icon
5. Click Icon Library
6. Choose one of the Pro families like Duotone Pro, select the icon you prefer and click Insert

Speed and performance

The Elementor Icon Library brinda un rendimiento más rápido y una velocidad de página más rápida, lo que puede beneficiar su SEO y la velocidad de carga de la página. Con esta biblioteca, solo se cargan el CSS y las fuentes de la familia de iconos que realmente usa.

One-time migration to Font Awesome 5

The first time you try to use the Icon Library, you may be presented with a Font Awesome Migration pop-up window. Read more about this

Troubleshooting tips

If you find that you cannot change the colors of the Font Awesome Pro icons, log into your Font Awesome Pro account and choose Source Web en lugar de SVG en la configuración de su kit. La configuración incorrecta de SVG se muestra a continuación. Cuando usa SVG para mostrar los iconos de Font Awesome Pro, cambia las propiedades de CSS y una de ellas (la propiedad de relleno) no es compatible con el editor de CSS de WordPress, so that Web source it is the most appropriate option.