The source code for android edittext icon tutorial is available in Github. ( Large preview)ħ- After adding icons for each android edittext, the full code will look like this:Ĩ- Compile and run the app, you will see all the android edittext with icons. We will use android:drawableStart to place the drawable icon on the left of an android edittext.ĥ- Let’s give some space between the icon and the android hint using android:drawablePadding='5dp'Ħ- We can add an icon to the right, top and bottom of an android edit text.Īndroid edittext icon in different position. ( Large preview)ģ- Open activity_main.xml file and add 4 android edittext: Name, email, password and phone number.Ĥ- Now we can use those icons that we created through Android Studio Vector Asset for android edittext icon. Adjust the size from (24dp x 24dp) to (18dp x 18dp), choose the icon that you want by clicking on the android icon, click “Next” button and then click “Finish”. Right click on res folder → New → Vector Asset. – Android Studio Chipmunk | 2021.2.1 Patch 1 (May 2022)ġ- Open up Android Studio and create a new Android Studio project and give it a name, in our case we’ve named it (EditTextIcon), choose API 21 as the minimum SDK, then choose a blank activity, click “Finish” and wait for Android Studio to build your project.Ģ- First thing we need to do is to look for icons that we can use them for the android edittext. In this tutorial we will be using the following:

Having an Android edittext icon gives the user an idea of the type of data that they need to fill in.īy the end of this article, we will have an app that looks like this. Hi and welcome to another tutorial from Codingdemos, today we are going to learn how to improve the appearance of an android edit text by adding an icon.

Custom icon android studio