👋Become a member and get unlimited access to all resources
Sketch
Sketch
$49

Android Adaptive Icon

This is an Android Adaptive Icon template that automates the process of rendering all the sizes that need to be bundled with apps running on Android 8.0 and later. The template exports foreground and background layers which are used to render adaptive icons on the device.

Highlights

Render all Android adaptive app icon sizes from a single size
Smart preview your app icon inside Android screenshots
One click export actions

Compatibility

CC15+
Latest Version
Last Updated: 21 days ago

How do I use this?

Photoshop

Double-click the layer named 'Edit me and save'. This opens the a Smart Object. Inside this Smart Object, there are two layer groups named ‘Foreground Layer’ and ‘Background Layer’. Create your adaptive icon glyph in the foreground layer and set the background in the background layer. After saving this Smart Object, the multiple sizes in the main PSD file will automatically be rendered. In the ‘Masks’ layer group you can hide/unhide the various layer masks that Android will apply to your icon when it is run on a real device.

Sketch

Go to the page named ‘Foreground & Background Layer (Edit me)’. Inside this page, there are two Sketch Symbols named ‘Foreground Layer’ and ‘Background Layer’. Create your adaptive icon glyph in the foreground layer and set the background in the background layer. When you’re done editing, the multiple sizes will be rendered automatically in the main page. In the ‘Masks’ symbol you can hide/unhide the various layer masks that Android will apply to your icon when it is run on a real device.