adaptive-icon brings the new Android Oreo adaptive icons (MD docs) directly into your browser.
Example:
<adaptive-icon>
<img slot="background" src="images/background.svg" />
<img slot="foreground" src="images/ic_launcher_foreground.svg" />
</adaptive-icon>
<adaptive-icon mask="circle">
<img slot="background" src="images/background.svg" />
<img slot="foreground" src="images/ic_launcher_foreground.svg" />
</adaptive-icon>
<adaptive-icon mask="square">
<img slot="background" src="images/background.svg" />
<img slot="foreground" src="images/ic_launcher_foreground.svg" />
</adaptive-icon>
<adaptive-icon mask="rounded-square">
<img slot="background" src="images/background.svg" />
<img slot="foreground" src="images/ic_launcher_foreground.svg" />
</adaptive-icon>
<adaptive-icon mask="squircle">
<img slot="background" src="images/background.svg" />
<img slot="foreground" src="images/ic_launcher_foreground.svg" />
</adaptive-icon>
<adaptive-icon mask="teardrop">
<img slot="background" src="images/background.svg" />
<img slot="foreground" src="images/ic_launcher_foreground.svg" />
</adaptive-icon>