Iconpicker CSS using reset styling ahead of Font Awesome

I ran into this issue as well. Icon picker widget works when used directly on a content type. It does not work when used in an inline form like paragraphs.

It has to do with order of loading CSS. When used directly on content first CSS of icon picker is loaded and then overwritten by font awesome. When using the icon picker in inline form like paragraphs the CSS of the iconpicker will be attached on opening edit mode which means it's loaded last.

I currently have a workaround for this by making sure the css get's loaded before font awesome by using form alter and adding the library to edit form.

/**
 * Work around for https://www.drupal.org/project/fontawesome/issues/3420074.
 */
function ibcommon_form_commerce_product_form_alter(&$form, FormStateInterface $form_state, $form_id) {
  $form['#attached']['library'][] = 'fontawesome_iconpicker_widget/fontawesome-iconpicker';
}

/**
 * Work around for https://www.drupal.org/project/fontawesome/issues/3420074.
 */
function ibcommon_form_node_form_alter(&$form, FormStateInterface $form_state, $form_id) {
  $form['#attached']['library'][] = 'fontawesome_iconpicker_widget/fontawesome-iconpicker';
}

I'm having the same issue.

I can confirm the workaround is working.

I'm having the same issue on Drupal 10.3.1 + PHP 8.3.9

Using Font Awesome Icon Picker 8.x-2.26