Ionic 3自定义图标

Question

我可以只在目录/assets/myIcon.svg中添加svg图标，并将其称为imgs吗？

<img src="assets/myIcon.svg" >

此外，我正在尝试使用Flaticon中的图标。我应该在哪里保存许可证（PDF文件）？

Answer 1

如果您需要在应用中使用自定义图标，那么以下解决方案对我非常有用。

1. 将.svg图标文件放入：

   / src / assets / icons /...

2. 在您的app.scss文件中，添加以下scss代码：

ion-icon {
    &[class*="prefix-"] {
        mask-size: contain;
        mask-position: 50% 50%;
        mask-repeat: no-repeat;
        background: currentColor;
        width: 1em;
        height: 1em;
    }
    // custom icons
    &[class*="prefix-categories"] {
        mask-image: url(../assets/icon/ic_categories.svg);
    }
    &[class*="prefix-menu"] {
        mask-image: url(../assets/icon/ic_menu.svg);
    }
}

1. 在您的.html文件中调用它：

<ion-icon name="prefix-menu"></ion-icon>

1. 要将更多样式应用于自定义图标，您可以编写如下内容：

ion-icon.ion-ios-prefix-categories {
    padding: 2px;
    font-size: 14px;
}

希望这会有所帮助。无论如何，我都不知道。