Angular 4+: Как использовать иконки из SVG-файла - PullRequest
0 голосов
/ 01 декабря 2018

У меня есть файл icon.svg , в котором есть коллекция значков.Я хочу использовать их в своем приложении, так как мы показываем значки материалов.

Есть идеи, как включить файл в приложение и использовать их?

Я пробовал решение из:

Импорт пользовательских шрифтов в Angular4

SVG-иконки из внешнего файла

как создать веб-шрифт из SVG-иконок в угловых

Но я не могу показать значок.

Вот как я хочу использовать значки: <span class="icon-home"></span> тогда он должен показывать значок дома.Я также готов использовать CSS, как показано в каком-то учебном пособии .icon-home:before { content: "\e900"; }

Может кто-нибудь, пожалуйста, дайте мне понять, как это работает?

1 Ответ

0 голосов
/ 02 декабря 2018

Вы можете просто поместить файл спрайта svgs в папку активов и использовать его в своих компонентах шаблона

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...