Как сделать svg компонент в приложении Angular?

Question

[Анатолий Саламатин]

Всем привет. Как сделать правильно работу с svg иконками в ангуляр 6+ ? Чтобы я мог просто писать в нужном месте app-svg , передавать например name и отображалась нужная иконка. Помимо этого нужна возможность редактировать размер и цвет иконки. Заранее спасибо!

Answer 1

[Максим]

https://codepen.io/clintonhalpin/pen/xBDqs

Comments

[Анатолий Саламатин]

Речь о angular 2+

Answer 2

[Qairat]

В одном проекте использовал этот сайт icomoon
Туда загружаешь все исконки, потом он тебе выдаст его как шрифты.
и можешь его использовать в шаблонах так:
<div class="icon-pen"> </div>
и в стилях для него прописывать стиль:

.icon-pen {
  color: red;
  font-size:30px;
}