Skip to main content

Step-by-Step Guide to Create or Change Android App Icon using Android Studio


We can easily create or change app launcher icon for our android app using Android Studio's inbuilt tool called Image Asset Studio.This tool helps us generate our own app icon from material icons, custom images and text strings.


android app icon


Can I use this guide to change flutter android app icon for my app ? or

how to change flutter app icon ?

YES, using this guide you can also change flutter app launcher icon.

To learn more about flutter - Flutter Developer Guide

Create App Icon using a Custom Image

Using this guide you can create android app icon from images designed by you.

Note : Supported image format for creating app icon for android app - 
  • PNG (Recommended)
  • JPG (Acceptable)
  • GIF (Not Recommended)
Recommended image specification - 512 x 512 pixel png image

step 1 : Open your android app project using android studio

step 2 : In the Project window , Navigate to android => src => main => res folder

Android Studio - RES Folder
res folder

step 3 : Right click res folder => Select New > Image Asset

Android Studio - Image Asset
Image Asset

step 4 : In Icon Type field ,Select Launcher icons (Adaptive and Legacy)


Note :

If your app supports Android 8.0 or higher create adaptive and legacy icons.

If your app supports version no higher than Android 7.1 , create a legacy launcher icon only.


Android Studio - Icon Type
Android Studio - Icon Type


step 5 : In Foreground Layer tab, select Asset type as Image and  browse your png or jpg image file and specify the path to your image file


Android Studio - Image Asset
Android Studio - Image Asset

step 6 : In Background layer tab - keep default settings

Android Studio - Background Layer Tab
Android Studio - Background Layer Tab

step 7 : In Legacy tab - keep default settings , change only if you require some different icon shapes

Android Studio - Legacy Tab
Android Studio - Legacy Tab

step 8 : Resize your design using resize slider so that contents of logo are inside the safe zone border

Android Studio - Resize Slider
Android Studio - Resize Slider


Android Studio - Safe Zone
Android Studio - Safe Zone

step 9 : Click Next , Hit Finish


Confirm Icon Path
Confirm Icon Path

Android App Icon - Image
Android App Icon - Image



Create App Icon using Text strings

Open Image Asset Studio (same as above step 1, 2, 3 and 4).
We can type text string in different fonts and use the text string as icon.
Image Asset Studio converts text based icon into png files for different densities

step 1 : In Foreground Layer tab , select Asset type as Text

  • enter the text you want to display
  • select the font from drop-down menu
  • select the color of the font

Android Studio - Text Asset
Android Studio - Text Asset


step 2 :  In Background layer tab - select Asset type as color and select a color which improves the text readability

Android Studio - Text Background Layer
Android Studio - Text Background Layer

step 3 : In Legacy tab - keep default settings , change only if you require some different icon shapes

Android Studio - Text Legacy Tab
Android Studio - Text Legacy Tab

step 4 : Resize your design using resize slider so that contents of logo are inside the safe zone border


Android Studio - Text Resize
Android Studio - Text Resize

step 5 : Click Next , Hit Finish

Confirm Text Icon Path
Confirm Text Icon Path

Android App Icon - Text
Android App Icon - Text

Create App Icon using Clip Art 

Open Image Asset Studio 

step 1 : In Foreground Layer tab , select Asset type as Clip Art

  •  select the clip art icon
  •  select the color of the icon
Asset Type - Clip Art
Asset Type - Clip Art

Select Icon
Select Icon

step 2 :  In Background layer tab - select Asset type as color and select a color which makes the icon stand out.

step 3 : In Legacy tab - keep default settings 

step 4 : Resize your design using resize slider so that contents of logo are inside the safe zone border

step 5 : Click Next , Hit Finish

Android App Icon - Clip Art
Android App Icon - Clip Art


Clip Art - Image Assets studio allows us to import Google material icons in Vector Draw-able and png format


Useful Resources - Android Developer Docs

This article help android developers to create or change android app icon using Android Studio.
  
Unauthorized use and/or duplication of this material without express and written permission from this site’s author and/or owner is strictly prohibited.The materials(images, logos, content) contained in this web site are protected by applicable copyright and trade mark law.

Flutter, Pixel, Android and the Android logo are registered trademarks of Google LLC.

Popular posts from this blog

Step-by-Step Guide to create a new flutter project using Visual Studio Code [VS Code]

This is a beginner's guide to visual studio code and flutter. VS Code is a light weight editor with flutter app development, execution and debug support. Visual Studio Code is a source-code editor developed by Microsoft. Install latest stable version of VS Code Install the Flutter and Dart plugins In VS Code "Extensions" Tab, search field type flutter, select "Flutter" in the list and click "Install". Flutter plugin also installs the required Dart plugin. Validate your flutter setup using "flutter doctor command". Once Flutter SDK and your VS Code Editor is up and running, Flutter Visual Studio Code To Create a new flutter project from the flutter starter app template follow the below steps step 1 : Open Command Palette Use Shortcut key - Ctrl+Shift+P or Cmd+Shift+P on macOS OR Go to View Menu, select "Command Palette" VS Code Command Palette step 2 : Create Flutter New Project Sele

Step-by-Step Guide for Flutter Android APK Signing and Release

In this guide we will learn how to sign the release version of apk or aab(android app bundle) to publish our flutter app to android play store. flutter release apk How to sign the apk or app bundle created using flutter ? To publish your app on Play Store, you need to give your app a digital signature. step 1 : Create a new keystore file ; if you have an existing keystore , skip this step Run command in your terminal for linux/mac keytool -genkey -v -keystore ~/key.jks -keyalg RSA -keysize 2048 -validity 10000 -alias key On Windows, use the following command: keytool -genkey -v -keystore c:/Users/USER_NAME/key.jks -storetype JKS -keyalg RSA -keysize 2048 -validity 10000 -alias key Fill in the required info inside the terminal Enter keystore password: test@12345 Re-enter new password: test@12345 What is your first and last name? [test]: test What is the name of your organizational unit? [test]: test

Step-by-Step Guide to take a App Screenshot with the Device Frame using Android Studio

This guide will help you to take a screenshot with the device frame using android studio. If we capture screenshot using the default android emulator "Capture Screenshot" option, then screenshot will not have the device frame. Android Emulator - Screen Capture By using android studio we can capture screenshot with different devices frame. How to take a App Screenshot with the Device Frame using Android Studio step 1 : Load your project in android studio and run the app Open Android Studio Load your android app project in android studio.  Build and Run your app using android emulator or a connected physical device.  If you are using a physical device make sure that you have enabled USB DEBUGGING option. Android Studio - Load Project step 2 : Open Logcat in Android Studio Check out bottom left corner in android studio to find Logcat option and click to open Logcat If it is not visible then select "View Menu" and search for