Android Studio Image Asset Launcher Icon Background Color

Question

I have a .png logo for my app which doesn't have a background, when I add it to android studio as an Image Asset I am forced to have a background. The hex field doesn't accept 8 digit color codes, 6 digits only. Is there anyway to keep the background invisible?

https://romannurik.github.io/AndroidAssetStudio/ Great tool for any type of icons you want to generate — Pierre, Sep 13 '19 at 05:31

Hello World · Accepted Answer · 2017-11-07T06:36:01.857

213

To make background transparent, set shape as None. See the image below:

EDIT:

For Android Studio 3.0, you can set it from Legacy Tab

edited Nov 07 '17 at 06:36

answered May 07 '16 at 07:33

Hello World

2,764
1
11
23

29

Thank you very much, I didn't notice that I needed to scroll down to see shape :) – HishamGarout May 07 '16 at 07:35
1

just select image radio button and scroll down...thanks worked for me – GS Nayma Nov 10 '16 at 13:35
How do you get to the above window from android studio – Edijae Crusar Jan 24 '17 at 12:28
@gikarasojokinene Follow this path: res->new->Image Asset – Hello World Jan 24 '17 at 13:13
3

Yet another example of the poor UX in Studio – AmitP May 31 '17 at 13:49
3

How to make the background layer transparent? – zulkarnain shah Apr 04 '18 at 06:37
It seems you need to use Patrick's answer below for Android Studio 3+. – Stephen M -on strike- Jul 11 '18 at 23:14
after creating app icon has empty borders to remove that @ElYeante – Prasad Nov 13 '18 at 12:20
On newer Android Studio versions the tab is called "Options". – Marcell Jul 04 '21 at 16:59
The `Legacy` option is not available in the latest Android Studio: Android Studio Dolphin | 2021.3.1 Patch 1 Build #AI-213.7172.25.2113.9123335, built on September 30, 2022 – Shailendra Madda Nov 08 '22 at 12:24

score 45 · Answer 2 · answered Dec 28 '17 at 13:08

45

I'm using Android Studio 3.0.1 and if the above answer doesn't work for you, try to change the icon type into Legacy and select Shape to None, the default one is Adaptive and Legacy.

Note: Some device has installed a launcher with automatically adding white background in icon, that's normal.

answered Dec 28 '17 at 13:08

Polar

3,327
4
42
77

2

You select legacy only when your targetSdkVersion is less than 26. If your targetSdkVersion is 26, then your icon type should be adaptive and legacy. – Rupam Das Mar 01 '18 at 20:16
1

How to make the background layer transparent? – zulkarnain shah Apr 04 '18 at 06:37
@zulkarnainshah if you choose to shape none with the legacy mode, then it will show transparent colour. – Farhana Naaz Ansari May 10 '18 at 12:23
Does not seem to work in Android Studio 3+. However, Patrick's answer below does seem to work, at least in Android Studio 3.1.2. – Stephen M -on strike- Jul 11 '18 at 23:13
@StephenM - which Android version your running? Remember that things become different specially from icon starting from Lollipop to the latest Android version, so I would not be surprise if people seing different background icon in the latest Android version. the fix is to try to use the lower version of Android and use a launcher that doesn't add any background in icons just for development to see the real design of your icon or stick on using the latest Android and just follow what they want. – Polar Jul 12 '18 at 00:17
@Polar - I'm using Android Studio 3.1.2 and building with target and compile SDK versions set at 26 and min SDK version at 23. What do you mean by lower version of Android? Android Studio or target/compile/min SDK version? – Stephen M -on strike- Jul 12 '18 at 14:03

gadolf · Answer 3 · 2020-01-28T17:27:47.447

34

You have two ways:

1) In Background Layer > Scaling, reduce the Resize to 1

and then in Legacy > Legacy Icon set Shape as None

2) in Background Layer > Scaling > Source Asset, you can set an image as a 1x1 pixel (or any size) transparent.png image (you've already created).

and then in Legacy > Legacy Icon set Shape as None

edited Jan 28 '20 at 17:27

answered Aug 12 '18 at 13:31

gadolf

1,035
11
19

23

what did you do about `Full Bleed Layers`? – Tricky Bay Sep 22 '18 at 20:56

score 24 · Answer 4 · answered Dec 15 '17 at 04:06

24

the above approach didn't work for me on Android Studio 3.0. It still shows the background. I just made an empty background file

<?xml version="1.0" encoding="utf-8"?>
<vector
android:height="108dp"
android:width="108dp"
android:viewportHeight="108"
android:viewportWidth="108"
xmlns:android="http://schemas.android.com/apk/res/android">
</vector>

This worked except the full bleed layers

answered Dec 15 '17 at 04:06

Patrick

351
2
6

1

I'm also using Android Studio 3.0, I do the same to make it work. Looks like we are no longer allow to make an icon base on what we want. – Polar Dec 27 '17 at 12:49
2

This is not working. Android Studio 3.0.1, You can't set a transparent background. – Rupam Das Mar 01 '18 at 20:29
2

Worked for me in Android Studio 3.1.2. It showed up in the Image Asset generator as black, but it is transparent when I deploy my app. – Stephen M -on strike- Jul 11 '18 at 23:12
I get a rendering error when I try using this vector as the background, anyone else? – Chagai Friedlander Nov 20 '19 at 00:32
I think you should add path inside the vector. – Ygl Oct 15 '20 at 06:02

score 24 · Answer 5 · answered May 29 '19 at 12:59

24

This is just another workaround.

For the 'Foreground Layer', select 'Asset type' as text and delete the default text in the text field.

For the 'Background Layer', select 'Asset type' as image and now choose the path of the image you want as an icon.

And you are good to go.

answered May 29 '19 at 12:59

Da Man

935
6
12

Very simple solution. Big Thanks! I've tested it on Android Studio 3.6 and one thing to add is that it was giving me the error upon having Foreground text null. So what I had done is just adding a space there and it's working. And adding some more! after that I got one problem that when I finished adding mipmap and ran my project, there was an Android logo overriding my logo and I fixed that by modifying mipmap icon xml files by removing there foreground tag line. Hope it will help someone. – Feroz Khan Mar 20 '20 at 19:29
1

This is brilliant! – ikerfah Jun 29 '20 at 21:03
1

and set shape to none too.. working on android studio 4.1.1 – Amir Ehsani Nov 29 '20 at 10:21

score 6 · Answer 6 · answered Jan 23 '20 at 17:25

6

Android Studio 3.5.3 It works with this configuration.

answered Jan 23 '20 at 17:25

selvabharathi s

137
2
8

Shaahin · Answer 7 · 2021-06-09T15:20:19.163

3

I Just put my view background (color code) as ClipArt or Image background, and it looks like transparent or no background where both have the same color as background.

edited Jun 09 '21 at 15:20

answered Sep 30 '20 at 15:21

Shaahin

1,195
3
14
22

Hasan El-Hefnawy · Answer 8 · 2023-03-24T14:21:54.273

These are the steps I took to make an image transparent:

1- I used an online website which makes the image transparent, there are a lot of them. For me, I use this https://www241.lunapic.com/editor/?action=transparent and sometimes this https://www.online-image-editor.com/help/transparency

2- In Android Studio (I'm using version 3.1.3), open Image Asset from app > res (right click) > New > Image Asset

3- In the Path, choose the location of the transparent image which you downloaded from the online website, and make the other options as shown, then Next, then Finish. The five different sizes of image mdpi(48×48), hdpi(72×72), xhdpi(96×96), xxhdpi(144×144), and xxxhdpi(192×192) will be created in the res/mipmap-density folders.

4- If you need sizes (dimensions) different from above, you can use this website https://nsimage.brosteins.com/ to upload your PNG image of biggest size that will be used in xxxhdpi. After uploading, you can download a zip file containing the five different sizes of image in the res/drawable-density folders.

Alireza K · Answer 9 · 2019-04-07T07:30:24.757

First, create a launcher icon (Adaptive and Legacy) from Image Asset:

Select an image for background layer and resize it to 0% or 1% and In legacy tab set shape to none.

Then, delete folder res/mipmap/ic_laucher_round in the project window and Open AndroidManifest.xml and remove attribute android:roundIcon="@mipmap/ic_launcher_round" from the application element.

In the end, delete ic_launcher.xml from mipmap-anydpi-v26.

Notice that: Some devices like Nexus 5X (Android 8.1) adding a white background automatically and can't do anything.

score 1 · Answer 10 · answered Dec 27 '20 at 10:54

1

With "Asset Type" set to "Image", try setting the same image for the foreground and background layers, keeping the same "Resize" percentage.

answered Dec 27 '20 at 10:54

Haitham Sweilem

1,633
1
12
13

score 1 · Answer 11 · answered Sep 20 '21 at 04:00

1

I just added the icon as a normal icon: New -> Vector Asset

and then change the app icon in the Manifest file.

answered Sep 20 '21 at 04:00

Martin Olariaga

379
4
4

Moise KUMAVI · Answer 12 · 2022-11-18T11:54:15.770

0

For Foreground Layer choose "Text" and then delete the content text Finaly choose the path of the image you want as an icon.

enter image description here

edited Nov 18 '22 at 11:54

answered Nov 18 '22 at 11:48

Moise KUMAVI

11
3

score -1 · Answer 13 · answered Mar 05 '19 at 20:18

Using android 3.0.1 I noticed this weird behavior(solution), First: in background layer in the source_asset change the asset_type from image to color and than change it back to image. second: enable trim in scaling and then resize it to a small percentage and it will work perfectly. PS: If u didn't do the first step the scaling wont take affect. and if anyone have an explanation for this please provide. steps

Android Studio Image Asset Launcher Icon Background Color

13 Answers13

Linked