Ionic 3 пользовательских иконки

Question

Могу ли я просто добавить значки svg в каталог /assets/myIcon.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);
    }
}

Назовите его в свой HTML-файл:

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

Чтобы применить больше стиля к пользовательскому значку, вы можете написать что-то вроде:

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

Надеюсь, это поможет.Во всяком случае, о лицензировании, я не знаю.