NgInlineSvgG

NgInlineSvgG is lightweight Angular component for inserting svg file inside your template that allow you to change style easily

Installation

npm i ng-inline-svg-g

Usage

Just need to add NgInlineSvgGModule to your list of module imports :

import { NgInlineSvgGModule } from 'ng-inline-svg-g';

@NgModule({
declarations: [AppComponent],
imports: [BrowserModule, NgInlineSvgGModule],
bootstrap: [AppComponent]
})
class AppModule {}

Then you can use it in your templates:

@Component({
selector: 'app',
template: `
<ng-inline-svg [src]="'/img/image.svg'"></ng-inline-svg>
`
})
export class AppComponent {}