1.0.2 • Published 6 years ago

adaptive-icon v1.0.2

Weekly downloads
4
License
MIT
Repository
github
Last release
6 years ago

Published on webcomponents.org

<adaptive-icon>

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>