在primeng按钮中添加svg图标

Question

我想在primeng按钮中添加一个.svg图像而不是图标，我想在按钮的左侧显示文本，在同一个按钮的右上角显示svg图像。

我可以使用带有以下代码的主图标来实现相同的效果，但我应该使用 svg 图像而不是那个图标来实现相同的效果。

<button class="p-col-9 font_13" pButton iconPos="right" label="Hello!!" icon="fa fa-star">
</button>

已经尝试过下面的代码，它显示了图像但破坏了整个 UI 并且变得无响应。

<button class="p-col-9 font_13" pButton label="{{floor.floor}}">
 <img src="../assets/icons/Right_Chevron.svg">
</button>

Answer 1

更好地使用字体。 将 svg 图标转换为字体，例如使用 https://icomoon.io。 然后只需使用您的自定义 css 类。