Angular应用中如何从第三方npm库的CSS提取图标图片？

这种content: "\e94e"是Web字体图标的标准用法，图标嵌入在字体文件而非普通图片（svg/png/jpg）中，所以搜图片格式文件找不到，按以下步骤处理：

• 定位字体文件

  1. 找到定义该content的CSS规则，查看对应的font-family属性值（比如font-family: 'xxx-icons'）
  2. 在同一份CSS文件里查找@font-face规则，里面会标注字体文件的路径（常见格式为.woff2/.woff/.ttf）
  3. 根据路径到node_modules对应目录找到目标字体文件

• 提取图标

  1. 从字体文件导出SVG：用FontForge等字体编辑工具打开字体文件，找到十六进制编码为e94e的字符，直接导出为SVG格式。
  2. 渲染后截图：在项目中临时添加测试元素，给它应用对应CSS类，确保字体加载成功后，放大字号并设置纯色背景，再截图保存为图片。
  3. 转换Unicode字符提取：将\e94e转换为ES6 Unicode格式\u{e94e}，在加载了该字体的编辑器或页面中输入这个字符，再复制或导出为图片。

• 备选方案：查阅第三方库的官方文档或GitHub仓库，确认是否有单独的图标资源包；或者向库的维护者提交issue索要该图标文件。

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