Angular 将PNG作为一个图标

嗨，我有简单的导航代码之间的页面

<super-tabs tabsPlacement="top" toolbarBackground="3D9BDD" toolbarColor="dark" indicatorColor="light"
(tabSelect)="onTabSelect($event)">
<super-tab *ngFor="let page of pages" [class]="page.class" [root]="page.pageName" [icon]="page.icon" [id]="page.id"></super-tab>

我现在需要将图标切换到PNG，如：
之前：
之后：

把黄油做成圆形纽扣

---

希望得到帮助

您需要坚持使用.png文件格式吗？或者你只是想把这个图像做成图标？@HyuckKang我想为我试过的图标（3）制作图像：

ionicon{/*&[class*=”before-“]{//我们不是使用基于字体的图标//而是应用SVG掩码掩码大小：包含；掩码位置：50%50%；掩码重复：不重复；背景：currentColor；宽度：1em；高度：1em；}&[class*=”在图标“]{掩码图像：url（../assets/icon/Stage11.sgv）

但不起作用..那么我可以添加3个这样的按钮作为选项卡吗？对不起，你提到的是我想推荐的。@HyuckKang谢谢：）现在我发现我的图像的每个路径都有问题..它找不到任何东西（vs代码）