Font Awesome Icons Library For Android

Published by Kapil Mohan on

Yet another Awesome Library from Androidhive.info . From the day I started learning Android development, this site helped me very much. Thanks, Ravi Tamada for helping all of Us.

Library Details

Awesome Android library to use the Font Awesome Icon collection in your android apps. This library contains the latest font awesome icon collection (v5.7.2).

Github Link:- https://github.com/ravi8x/Android-Font-Awesome

dependencies {
    // font awesome library
    implementation 'info.androidhive:fontawesome:0.0.5'
}
<info.androidhive.fontawesome.FontTextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/fa_calendar_check_solid"
            android:textColor="@color/icon_color"
            android:textSize="@dimen/icon_size"
            app:solid_icon="true" />

Displaying drawable Icon: FontDrawable

If you want to set an icon to a widget (buttons, menus, bottom sheet, navigation drawer), use the FontDrawable class to create font awesome drawable.

Here Paper Plane icon is set to Floating Action Button

FloatingActionButton fab = findViewById(R.id.fab);

// using paper plane icon for FAB
FontDrawable drawable = new FontDrawable(this, R.string.fa_paper_plane_solid, true, false);

// white color to icon
drawable.setTextColor(ContextCompat.getColor(this, android.R.color.white));
fab.setImageDrawable(drawable);

Displaying Icons in Menus (Bottom Navigation, Navigation Drawer, Toolbar etc.,)

You can also display Font Awesome icons in UI elements those use menu file to render items. In the below example, font awesome icons are set to Navigation Drawer items.

public class MainActivity extends AppCompatActivity
        implements NavigationView.OnNavigationItemSelectedListener {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        intDrawerLayout();
    }

    /**
     * Changing navigation drawer icons
     * This involves looping through menu items and applying icons
     */
    private void intDrawerLayout() {
        NavigationView navigationView = findViewById(R.id.nav_view);
        navigationView.setNavigationItemSelectedListener(this);

        ImageView iconHeader = navigationView.getHeaderView(0).findViewById(R.id.nav_header_icon);
        FontDrawable drawable = new FontDrawable(this, R.string.fa_font_awesome, false, true);
        drawable.setTextColor(ContextCompat.getColor(this, android.R.color.white));
        drawable.setTextSize(50);
        iconHeader.setImageDrawable(drawable);

        int[] icons = {
                R.string.fa_home_solid, R.string.fa_calendar_alt_solid, R.string.fa_user_solid,
                R.string.fa_heart_solid, R.string.fa_comment_solid, R.string.fa_dollar_sign_solid, R.string.fa_gift_solid
        };
        renderMenuIcons(navigationView.getMenu(), icons, true, false);

        int[] iconsSubmenu = {R.string.fa_cog_solid, R.string.fa_sign_out_alt_solid};

        renderMenuIcons(navigationView.getMenu().getItem(7).getSubMenu(), iconsSubmenu, true, false);
    }

    /**
     * Looping through menu icons are applying font drawable
     */
    private void renderMenuIcons(Menu menu, int[] icons, boolean isSolid, boolean isBrand) {
        for (int i = 0; i < menu.size(); i++) {
            MenuItem menuItem = menu.getItem(i);
            if (!menuItem.hasSubMenu()) {
                FontDrawable drawable = new FontDrawable(this, icons[i], isSolid, isBrand);
                drawable.setTextColor(ContextCompat.getColor(this, R.color.icon_nav_drawer));
                drawable.setTextSize(22);
                menu.getItem(i).setIcon(drawable);
            }
        }
    }
}

If you are new to Font Awesome please refer their site before starting, or else you would be confused about the names to be used for getting icons.

Referring Icon:

Font Awesome provides three set of icons RegularSolid and Brand. All the icons can be referred from Stringsresource file. For example,

@string/fa_map – Regular map icon

@string/fa_heart_solid – Solid heart icon

@string/fa_facebook – Facebook brand icon.

Note:

This library includes the Free font awesome icons only, premium icons are not available.

Library Details:


Kapil Mohan

Like to add color to developers life and apps. Can create smile using Android, iOS, PHP, codeignitor, web technologies, etc... Feel free to contact me at [email protected] .