Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to change icon colors in android studio

I downloaded some icons from material.io but they only offer the icons in black. I saw a youtube video where they use to allow you to choose the color. Anyway, I am trying to change the colors of the icons to white. I am not having any luck. I tried to change the fill color in android studio but it doesn't work. Any assistance would be appreciated such as exact code and files to add the code to. Thanks.

like image 351
Rob26br Avatar asked Mar 31 '17 13:03

Rob26br


People also ask

How do I change the color of my app icons?

First, tap Color and then select the color you would like the icon to be. Then tap Glyph and choose the symbol you would like displayed on your app icon. There is no option to have no glyph displayed, so choose the closest match you can find. When you've made these selections, tap Done.

How do I change the color of my fab icon?

To change icon color of Floating Action Button in Kotlin Android we have to set the tint attribute (in layout file) or imageTintList parameter (in Kotlin program) of FAB with the required color.


3 Answers

simply you can use

android:tint="@android:color/white"

like image 99
Nouman Ch Avatar answered Oct 30 '22 17:10

Nouman Ch


You can directly download these images in Android Studio.

res > right click > New > Image Asset and select

  • Icon Type : Action Bar and Tab Icones
  • Asset Type : Clip Art
  • Theme : CUSTOM

And you can select any clip art that you want, select the color, padding, etc ...

enter image description here

like image 30
Guillaume Avatar answered Oct 30 '22 17:10

Guillaume


As mentioned before, the material.io icons can be downloaded directly with Android Studio. This solution shows the importing of vector asset icons which are easier to manage since they are stored in a single location (res/drawable) vs. image assets that will have each icon stored in specific density folders (hdpi, xhdpi, etc).

  1. expand the "res" folder
  2. right click drawable
  3. hover over "new"
  4. select "Vector Asset"

Creating Vector Icon

  1. click the image next to "icon"
  2. select desired material.io icon
  3. Name the icon what you would like
  4. select "next"

Now you will have two options of setting the icon color

  1. In the layout by using the android:tint attribute of an ImageView. This is my preference because the icon can be viewed prior to runtime.

Layout Icon Color Change Example

or

  1. In Java.

imageView.setColorFilter(ContextCompat.getColor(context, android.R.color.white), PorterDuff.Mode.MULTIPLY);

like image 10
John Idasetima Avatar answered Oct 30 '22 18:10

John Idasetima