使用fontawesome-iconpicker如何获取Font Awesome 5图标的Unicode编码

以下是两种可直接落地的实现方式：

方案1：提前构建本地映射表（推荐，性能最优） #

• 从你项目使用的对应版本Font Awesome元数据中，提前提取所有图标名称与Unicode的键值对，存储为本地JSON对象引入项目。
• 映射表结构示例：

{
  "arrow-up": "f062",
  "search": "f002",
  "star": "f005"
}

• 拿到iconpicker返回的图标名称后，直接以名称为key从映射表中取值即可，该方法完全离线，查询耗时可忽略。
• 注意要使用和项目中引入的Font Awesome版本完全一致的元数据，避免名称变更导致的匹配失败问题。

方案2：直接从iconpicker实例中提取数据 #

你使用的fontawesome-iconpicker插件初始化时已经加载了全量图标元数据，不需要额外引入映射表，可直接通过事件回调或实例对象获取Unicode：

// 初始化picker并监听选择事件
$('#icon-picker').iconpicker().on('iconpickerSelected', function (event) {
  // 方式1：从选中项的DOM属性中直接取unicode
  const unicode = event.iconpickerItem[0].dataset.unicode;
  // 方式2：从picker实例的内置图标集合查询
  const pickerInstance = $(this).data('iconpicker');
  const unicode = pickerInstance.options.icons[event.iconpickerValue];
  console.log('图标Unicode为：', unicode);
})

内容的提问来源于stack exchange，提问作者Shwetha