Font Awesome Pro - Elementor Integration v5.13.0

[atiroop]

Thanks, it's work for me.

 

[jwolf]

In my opinion, I'll just keep use my FAwe Pro svg files and sanitize them instead of this unstable solution, too risky as Idk if the files contain malicious codes and you have to renew the same process for each elementor update .

 

[alexsampler]

It doesn't work with Elementor 3.8.0, any update?

 

[NoOoB]

It doesn't work with Elementor 3.8.0, any update?

Working on

 

[Babak]

thanks so u still have license ?

 

[NoOoB]

Elementor working on update font awesome 5 to 6 into their realease 3.9

After that, we could make the magic trick to include pro version.

If someone could have full FA web pro version, please share.

 

[PotePipote]

Hey @NoOoB is this what you are requesting to be able to integrate font awesome back into Elementor?

Spoiler

Font Awesome Pro v6.3.0 web

https://www.mediafire.com/file/75qflw3scyww0oq/fontawesome-pro-v6.3.0-web.zip/file

 

[nesym]

Let me know how this goes please!

 

[NoOoB]

Hey @NoOoB is this what you are requesting to be able to integrate font awesome back into Elementor?

Spoiler

Font Awesome Pro v6.3.0 web

File on MEGA

mega.nz

Hey, can't download it... can you re-up ?

 

[PotePipote]

Hey, can't download it... can you re-up ?

Sorry, I have updated the url so you can access the resource now.

 

[iKalanko]

6.3.0​

Released February 1, 2023

Added​

• Introducing Font Awesome Sharp Regular!
  • 3,000+ icons in a new, modern style: Sharp Regular
  • Sharp Solid is already done. Sharp Light, Thin, and Duotone are coming soon!
  • Icons are all built on the same 16px grid as existing Font Awesome Classic icons.

• New sponsored pencil-mechanical icon.

• New sponsored billboard icon.

• New sponsored wreath-laurel icon.

• Calcified a new skeleton-ribs icon.

• Saved up for some new circle-euro, circle-sterling, and circle-yen icons.

• Added a new webhook icon.

• Swept up a new broom-wide icon.

• Shined the light on a new sparkle icon.

• New circle-quarters-stroke and circle-three-quarters-stroke icons to match the existing circle-half-stroke

 

[iKalanko]

Sorry, I have updated the url so you can access the resource now.

Link down

 

[PotePipote]

Link down

https://babia.to/threads/font-awesome-pro-elementor-integration.19491/page-2#post-1137088

 

[sharmanhall]

Made this in icoMoon -- just upload to Elementor as an icon set:

edit: removed attachement. It didnt work

 

[PotePipote]

Thanks @sharmanhall , I tried it but because there were so many icons, sooner or later the website would crash. I will try it and see how it works.

 

[sharmanhall]

Thanks @sharmanhall , I tried it but because there were so many icons, sooner or later the website would crash. I will try it and see how it works.

It doesnt work. Im working on a new version.

 

[PotePipote]

It doesnt work. Im working on a new version.

I was already downloading it for testing. Ok, let me know any news, hopefully a solution will be found.

 

[sharmanhall]

Here is v6.1 I made some time ago. It does work. Working on 6.3.0.

 

[sharmanhall]

1) Create a folder 'fontawesome6' in your current using theme.
2) Place all downloaded files in there
3) Add/Edit this code to your theme functions.php

/**
* Add Font Awesome Pro 6.3.0
*/

function fa_import(){
    // point the wp enqueue script to your wanted CSS files, for example the all.min.css
    wp_enqueue_style( 'custom', get_template_directory_uri() . '/fontawesome6/css/all.css' );
    
    // uncomment these if you want any of them specifically.
    // wp_enqueue_style( 'custom', get_template_directory_uri() . '/fontawesome6/css/brands.css' );
    // wp_enqueue_style( 'custom', get_template_directory_uri() . '/fontawesome6/css/duotone.css' );
    // wp_enqueue_style( 'custom', get_template_directory_uri() . '/fontawesome6/css/fontawesome.css' );
    // wp_enqueue_style( 'custom', get_template_directory_uri() . '/fontawesome6/css/light.css' );
    // wp_enqueue_style( 'custom', get_template_directory_uri() . '/fontawesome6/css/regular.css' );
    // wp_enqueue_style( 'custom', get_template_directory_uri() . '/fontawesome6/css/sharp-regular.css' );
    // wp_enqueue_style( 'custom', get_template_directory_uri() . '/fontawesome6/css/sharp-solid.css' );
    // wp_enqueue_style( 'custom', get_template_directory_uri() . '/fontawesome6/css/solid.css' );
    // wp_enqueue_style( 'custom', get_template_directory_uri() . '/fontawesome6/css/svg-with-js.css' );
    // wp_enqueue_style( 'custom', get_template_directory_uri() . '/fontawesome6/css/thin.css' );
    // wp_enqueue_style( 'custom', get_template_directory_uri() . '/fontawesome6/css/v4-font-face.css' );
    // wp_enqueue_style( 'custom', get_template_directory_uri() . '/fontawesome6/css/v4-shims.css' );
    // wp_enqueue_style( 'custom', get_template_directory_uri() . '/fontawesome6/css/v5-font-face.css' );
}

add_action('wp_enqueue_scripts', 'fa_import');
    
    // Remove Old Font Awesome CSS, optional if you don't want to load unnecessary font awesome files from elementor
    add_action( 'elementor/frontend/after_register_styles',function() {
    foreach( [ 'solid', 'regular', 'brands' ] as $style ) {
    wp_deregister_style( 'elementor-icons-fa-' . $style );
    }
}, 20 );

 

[sharmanhall]

Font Awesome Pro v6.3.0

Just install into Elementor as Icon Set

Note: duotone is the only one with errors. The rest of them are complete.