如何在JHipster 5中显示图标？

我正在尝试在JHipster 5应用程序中添加/更改字体很棒的图标。 我只能打印默认模板中已有的图标

我可以改变：

   <fa-icon [icon]="'home'"></fa-icon>
            <span>
                <span jhiTranslate="global.menu.home">Home</span>
            </span>

家

致：

家

但不能改成

<fa-icon [icon]="'tv'"></fa-icon>
                <span>
                    <span jhiTranslate="global.menu.home">Home</span>
                </span>

家

或任何其他图标。

---

它们是在某个地方定义的吗？

图标位于

src/main/webapp/app/vendor.ts

，您可以在这里添加新图标。

以完成Alexandre答案

添加twitter图标的示例：

（在“jhipsterVersion”中为“5.1.0”）

读取node_modules/@fortwome/angular-fontwome/README.md

在
src/main/webapp/app/vendor.ts中添加@fortawesome/free brands svg图标

声明您的图标：

在你的html中，使用，别忘了告诉它是来自fab（品牌）

---

如果您尝试这样添加图标：

vendor.ts

/* after changing this file run 'yarn run webpack:build' */

import {
    // other imports
    faFileSignature,
    faLock
} from '@fortawesome/free-solid-svg-icons';

// other imports
library.add(faFileSignature);
library.add(faLock);

但它不起作用如果您收到一个错误，告诉您全局样式已被弃用，我将其修复

我创建了一个新的

图标.module.ts

，并将其导入

共享库.module.ts

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FontAwesomeModule, FaIconLibrary } from '@fortawesome/angular-fontawesome';
import { fas } from "@fortawesome/free-solid-svg-icons";


@NgModule({
  declarations: [],
  imports: [
    CommonModule,
    FontAwesomeModule
  ]
})
export class IconsModule {
  constructor(library: FaIconLibrary) {
    library.addIconPacks(fas);
  }
}

---

希望我能帮上忙。

对于Jhipster 6，定义要使用的图标的文件是 src/main/webapp/app/core/icons/font-awesome-icons.ts：

import { faAmazon } from '@fortawesome/free-brands-svg-icons';
export const fontAwesomeIcons = [
    faAmazon,
    faUser,
    ...

请记住使用以下图标（注意品牌图标的“fab”而不是“fa”）：

---

这是正确的文件，但是，有关于这方面的文档吗？也许是链接？不，还没有相关文档。

import {
    // other imports
    faFileSignature,
    faLock
} from '@fortawesome/free-solid-svg-icons';

// other imports
library.add(faFileSignature);
library.add(faLock);

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FontAwesomeModule, FaIconLibrary } from '@fortawesome/angular-fontawesome';
import { fas } from "@fortawesome/free-solid-svg-icons";


@NgModule({
  declarations: [],
  imports: [
    CommonModule,
    FontAwesomeModule
  ]
})
export class IconsModule {
  constructor(library: FaIconLibrary) {
    library.addIconPacks(fas);
  }
}

import { faAmazon } from '@fortawesome/free-brands-svg-icons';
export const fontAwesomeIcons = [
    faAmazon,
    faUser,
    ...

<fa-icon [icon]="['fab', 'amazon']"></fa-icon>

npm install --save @fortawesome/free-brands-svg-icons