Android Iconics

Android-Iconics - Use any icon font, or vector (.svg) as drawable in your application.
Alternatives To Android Iconics
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Font Awesome72,48759,6646,7393 days ago10October 24, 20165,448otherJavaScript
The iconic SVG, font, and CSS toolkit
Android Iconics5,101626285 months ago104July 14, 20237apache-2.0Kotlin
Android-Iconics - Use any icon font, or vector (.svg) as drawable in your application.
Android Iconify3,89040114 years ago13March 21, 201667otherJava
Android integration of multiple icon providers such as FontAwesome, Entypo, Typicons,...
Vue Fontawesome2,3701,7311,34014 days ago62November 06, 202346mitJavaScript
Font Awesome Vue component
Vue Awesome2,365717218a year ago57December 27, 202131mitJavaScript
Awesome SVG icon component for Vue.js, built-in with Font Awesome icons.
76 years ago8April 07, 20158Java
Over 1600 customizable icons for Android including 750+ Google Material Design icons, 25 ready-made social badges, and more!
Styled Icons2,07222217021 days ago145December 22, 202216mitJavaScript
💅 Popular icon packs like Font Awesome, Material Design, and Octicons, available as React Styled Components
Ios Fontawesome1,775
7 years agoDecember 04, 202334Objective-C
Mahapps.metro.iconpacks1,62921447a month ago94October 18, 202122mitC#
Awesome icon packs for WPF and UWP in one library
2012 years ago44August 06, 202011mitSwift
Use FontAwesome in your Swift projects
Alternatives To Android Iconics
Select To Compare

Alternative Project Comparisons


... allows to include any icon font with all its vector icons in your project. No limits. Scale with no limit, use any color at any time, provide a contour, and many additional customizations...

What's included Setup Migration Guide WIKI / FAQ Custom Font Sample App

What's included

  • No customization limitations (size, color, contour, background, padding, positioning, ...)
  • Shadow support
  • Use as XML Drawable starting API 24
  • One icon source (no more mdpi, hdpi, ...)
  • Flexibility
    • Size
    • Colors
    • Contour
    • Shadow
    • Auto mirroring for RTL (opt-in)
  • If it takes a Drawable, it will also work with the IconicsDrawable!
  • Save in APK size
  • Compose support

Already available fonts


Latest releases

1. Provide the gradle dependency

dependencies {
    //the core iconics library (without any widgets)
    implementation "com.mikepenz:iconics-core:${latestAndroidIconicsRelease}"
    implementation "androidx.appcompat:appcompat:${versions.appCompat}"

1b. (optional) Add the view's dependency

//this adds all ui view widgets (IconicsButton, IconicsImageView, ...)
implementation "com.mikepenz:iconics-views:${latestAndroidIconicsRelease}"

2. Choose your desired fonts

Note: Fonts ending with -kotlin require at least v4.x of Android-Iconics Note: v5.1.x or newer requires the latest font versions

implementation 'com.mikepenz:google-material-typeface:'
implementation 'com.mikepenz:google-material-typeface-{outlined|rounded|sharp}:'
implementation 'com.mikepenz:material-design-iconic-typeface:'
implementation 'com.mikepenz:fontawesome-typeface:'
implementation 'com.mikepenz:octicons-typeface:'
implementation 'com.mikepenz:meteocons-typeface:'
implementation 'com.mikepenz:community-material-typeface:' // note and newer alphabetically sorts, and merges in 3 sections
implementation 'com.mikepenz:weather-icons-typeface:'
implementation 'com.mikepenz:typeicons-typeface:'
implementation 'com.mikepenz:entypo-typeface:'
implementation 'com.mikepenz:devicon-typeface:'
implementation 'com.mikepenz:foundation-icons-typeface:'
implementation 'com.mikepenz:ionicons-typeface:'
implementation 'com.mikepenz:pixeden-7-stroke-typeface:'
implementation 'com.mikepenz:material-design-icons-dx-typeface:'
implementation 'com.mikepenz:phosphor-typeface:'
implementation 'com.mikepenz:simple-icons-typeface:'


The fonts use the jetpack startup library to automatically register themselves. If jetpack startup is disabled, it is required to manually register the fonts. Please find additional details in the Register fonts.


Use as drawable

IconicsDrawable(this, FontAwesome.Icon.faw_android).apply {
    colorInt = Color.RED
    sizeDp = 24

Use via XML

If you use the Iconics library via XML provide the icon you want to use in the following syntax: gmd-favorite --> fontId-iconName. A list of the available fonts and their fontId can be found here. All icon names from the default fonts can be found via the DEMO application.

Notation within text

Use the { icon-definer } syntax

Some great text with a {faw-android} font awesome icon and {met-wind} meteocons icons.

Drawable XML (API 24+)

Specify the drawable in your drawable folder.

    app:ico_size="24dp" />
    // all custom theming attributes supported

Use like any normal drawable in your application. This feature was suggested and initially provided by @dzamlo

Custom Views

As IconicsImageView

    app:iiv_icon="gmd-favorite" />  // or @string/gmd_favorite with our generator

As IconicsTextView


As IconicsButton

    android:text="{faw-adjust} Button"


To include the experimental compose support in your project add the following dependency to your project (since v5.2.0)

implementation "com.mikepenz:iconics-compose:${latestAndroidIconicsRelease}"

Use the provided Image wrapper and set the icon.

    colorFilter = ColorFilter.tint(MaterialTheme.colors.primary),



Available fonts

Link Prefix Dependency
Google Material Design Icons **ORIGINAL by
Google** gmd,gmo,gmr,gms implementation 'com.mikepenz:google-material-typeface{-outlined,rounded,sharp}:+@aar'
Material Design Iconic Font **Google Material
Iconic** gmi implementation 'com.mikepenz:material-design-iconic-typeface:+@aar'
Fontawesome faw implementation 'com.mikepenz:fontawesome-typeface:+@aar'
FontawesomeBrand fab implementation 'com.mikepenz:fontawesome-typeface:+@aar'
FontawesomeRegular far implementation 'com.mikepenz:fontawesome-typeface:+@aar'
Meteocons met implementation 'com.mikepenz:meteocons-typeface:+@aar'
Octicons oct implementation 'com.mikepenz:octicons-typeface:+@aar'
Community Material cmd implementation 'com.mikepenz:community-material-typeface:+@aar'
Weather Icons wic implementation 'com.mikepenz:weather-icons-typeface:+@aar'
Typeicons typ implementation 'com.mikepenz:typeicons-typeface:+@aar'
Entypo ent implementation 'com.mikepenz:entypo-typeface:+@aar'
Devicon dev implementation 'com.mikepenz:devicon-typeface:+@aar'
Foundation Icons fou implementation 'com.mikepenz:foundation-icons-typeface:+@aar'
Ionicons ion implementation 'com.mikepenz:ionicons-typeface:+@aar'
Pixden7Stroke pe7 implementation 'com.mikepenz:pixeden-7-stroke-typeface:+@aar'
Material Design DX cmf implementation 'com.mikepenz:material-design-icons-dx-typeface:+@aar'
Phosphor Icons pho implementation 'com.mikepenz:phosphor-typeface:+@aar'
Simple Icons sim implementation 'com.mikepenz:simple-icons-typeface:+@aar'

Licenses for all included fonts are linked inside the class or can be found on the coresponding repositories.

Compatibility Note


Appcompat v1.4.x introduces default enabled emoji support into all AppCompat* views, which prevents the IconicsView* views (iconics-views module) from properly applying the spannable style. To fix this problem, emoji support has to be disabled by doing:


More information on the appcompat emoji support:

Advanced Usage

Register fonts

If you want to add your own custom font, or a GenericFont you have to register this font (before using it). The best place to do this is the Application.

And initialize Iconics as you wish

class CustomApplication : Application() {
    override fun onCreate() {

        //register custom fonts like this (or also provide a font definition file)

Advanced IconicsBuilder

Everything is easy and simple. Right? But now you got a single icon within your textview and you need additional styling? Just define the style for all icons or only a specific one. You can find this in the PlaygroundActivity of the sample too.

    .style(ForegroundColorSpan(Color.WHITE), BackgroundColorSpan(Color.BLACK), RelativeSizeSpan(2f))
    .styleFor(FontAwesome.Icon.faw_adjust, BackgroundColorSpan(Color.RED))

String icon-key or typeface enum

Sometimes you won't like to use the icon-key ("faw-adjust") like this, but use the enum provided by a specific font. Both is valid:

IconicsDrawable(this, "faw-adjust").actionBar()
IconicsDrawable(this, FontAwesome.Icon.faw_adjust).apply {
    sizeDp = 24
    paddingDp = 1

Create custom fonts

This is possible with only the *.ttf and *.css mapping file. And will take you 2 minutes.

You can get these two files by downloading a web icon font, or if you want to create your own custom icon font from *.svg files then you can use following tools:

After you got those two files, head over to the icon addon creation tool Enter all the information. Add the *.ttf and *.css and click the button. It will generate and download the icon font addon as zip. (this tool is local only, no files are sent to a server, you can safely use it with any icons)

String fields for icons

For generating string field for each of icons of your font, you can use this simple generator: Android-Iconics String Generator

Android module generator

A awesome gradle plugin which can automatically fetch a font from Fontastic, and generate the Android Module for your project. Iconics-Font-Generator

ProGuard / R8

ProGuard / R8 rules are bundled internally with each font.

Special Contributor

  • Baptiste Lagache Thanks for the gradle font module generator
  • Also thanks for all the other contributors.


Developed By


Copyright 2021 Mike Penz

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
See the License for the specific language governing permissions and
limitations under the License.
Popular Icon Projects
Popular Font Awesome Projects
Popular User Interface Components Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Material Ui
Material Design
Font Awesome
Icon Font
Material Components
Material Icons
Weather Icons
Google Material