How to change icon colors in android studio

Question

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.

Solution 1

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 ...

Solution 2

simply you can use

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

Solution 3

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"

5. click the image next to "icon"
6. select desired material.io icon
7. Name the icon what you would like
8. 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.

or

2. In Java.

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

Solution 4

https://material.io/icons/ actually does let you download icons in white.

But, depending on what exactly you want to do, there are a few options. If you simply want white icons (and not to change them at runtime), you may find this plugin for Android Studio useful: https://github.com/konifar/android-material-design-icon-generator-plugin

It allows you to generate the material design icons right in Android Studio, in whatever color you want. Another alternative for downloading these icons in different colors is https://materialdesignicons.com/.

If you do want to color the icons at runtime, try something like this:

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

View more solutions