How to make svg component in Angular app?

Question

Angular

Hello. How to properly work with svg icons in angular 6+? So that I can just write in the right place app-svg , pass for example name and the desired icon is displayed. In addition, you need the ability to edit the size and color of the icon. Thanks in advance!

Answer 1

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

Answer 2

In one project, I used this site icomoon.
You upload all the icons there, then it will give you it as fonts.
and you can use it in templates like this: and in styles for it, write the style:

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