In my recent Angular project I am using material icons by using google fonts as

https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp

I have tried using all preload mechanism with attribute.

When loading the Angular app, it takes while to display the icon. I have tried using self hosting also, but to no avail. It takes a while to render the actual icon.

Can any one suggest possible options to make the rendering of the material icon smoother/faster without having flickering effect to the users?