Html 在角度项目上更改svg图标的高度

我需要的是将图标的高度编辑为1.5em，而不是1em。但我似乎找不到.svg内联--fa。我没有任何图标的CSS文件，因为我使用了npm安装

我运行以下载angular上的svg图标的命令

npm install @fortawesome/fontawesome-svg-core
npm install @fortawesome/free-solid-svg-icons
npm install @fortawesome/angular-fontawesome

Fortawesome：

还从“@fortawesome/free solid svg icons”导入了

import{faEdit}
到我的组件ts

更新：使用例如transform=“down-5”向下移动图标。
您可以在html组件中使用
transform
编辑图标的大小

像这样：



检查搜索相同内容的所有人：

在该文档（Shifenis提到）中，可以使用size属性

 <fa-icon [icon]="['fas', 'coffee']" size="6x"></fa-icon> 



更简单易读
这对我很有用




.svg-inline--fa {
    display: inline-block;
    font-size: inherit;
    height: 1em;
    overflow: visible;
    vertical-align: -0.125em
}

 <fa-icon [icon]="['fas', 'coffee']" size="6x"></fa-icon> 

<fa-icon [icon]="faYoutube" class="fa-2x"></fa-icon>