Uh oh!
There was an error while loading.Please reload this page.
- Notifications
You must be signed in to change notification settings - Fork616
Android-Iconics - Use any icon font, or vector (.svg) as drawable in your application.
License
mikepenz/Android-Iconics
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
... allows to include any icon font with all its vector icons in your project. No limits.Scale with no limit, useany color at any time, provide acontour, and many additional customizations...
What's included 🚀 •Setup 🛠️ •Migration Guide 🧬 •WIKI / FAQ 📖 •Custom Font 🖍️ •Sample App
- 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
- Google Material Design Icons
- Material Design Iconic Font
- Fontawesome
- Meteocons
- Octicons
- Community Material
- Weather Icons
- Typeicons
- Entypo
- Devicon
- Foundation Icons
- Ionicons
- Material Design DX
- Pixeden 7 Stroke
- Phosphor
- Simple Icons
- Or create your own font with any icon needed.
- Kotlin |v5.4.0
- Pre-Release |v5.5.0-b01
dependencies {//the core iconics library (without any widgets) implementation"com.mikepenz:iconics-core:${latestAndroidIconicsRelease}" implementation"androidx.appcompat:appcompat:${versions.appCompat}"}
//this adds all ui view widgets (IconicsButton, IconicsImageView, ...)implementation"com.mikepenz:iconics-views:${latestAndroidIconicsRelease}"
Note
Fonts ending with-kotlin require at least v4.x of Android-Iconicsv5.1.x or newer requires the latest font versions
implementation'com.mikepenz:google-material-typeface:4.0.0.3-kotlin@aar'implementation'com.mikepenz:google-material-typeface-{outlined|rounded|sharp}:4.0.0.2-kotlin@aar'implementation'com.mikepenz:material-design-iconic-typeface:2.2.0.9-kotlin@aar'implementation'com.mikepenz:fontawesome-typeface:5.9.0.3-kotlin@aar'implementation'com.mikepenz:octicons-typeface:11.1.0.1-kotlin@aar'implementation'com.mikepenz:meteocons-typeface:1.1.0.8-kotlin@aar'implementation'com.mikepenz:community-material-typeface:7.0.96.1-kotlin@aar'// note 5.3.45.1 and newer alphabetically sorts, and merges in 3 sectionsimplementation'com.mikepenz:weather-icons-typeface:2.0.10.8-kotlin@aar'implementation'com.mikepenz:typeicons-typeface:2.0.7.8-kotlin@aar'implementation'com.mikepenz:entypo-typeface:1.0.0.8-kotlin@aar'implementation'com.mikepenz:devicon-typeface:2.0.0.8-kotlin@aar'implementation'com.mikepenz:foundation-icons-typeface:3.0.0.8-kotlin@aar'implementation'com.mikepenz:ionicons-typeface:2.0.1.8-kotlin@aar'implementation'com.mikepenz:pixeden-7-stroke-typeface:1.2.0.6-kotlin@aar'implementation'com.mikepenz:material-design-icons-dx-typeface:5.0.1.3-kotlin@aar'implementation'com.mikepenz:phosphor-typeface:1.0.0.1-kotlin@aar'implementation'com.mikepenz:simple-icons-typeface:17.0.0.3@aar'
Note
For users of the version catalog, it is not possible to add the type, however you can do so viathe implementation definition.implementation(libs.material.typeface) { artifact { type = "aar" } }
Warning
The fonts use thejetpack startup library to automatically register themselves.Ifjetpack startup is disabled,it is required to manually register the fonts. Please find additional details intheRegister fonts.
Note
It might be required to callIconics.init(applicationContext) if no context based APIs are usedfrom the library otherwise.
IconicsDrawable(this,FontAwesome.Icon.faw_android).apply { colorInt=Color.RED sizeDp=24}
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 theavailable fonts and theirfontId can be foundhere.All icon names from the default fonts can be found via theDEMO application.
Use the{ icon-definer} syntax
Some great text with a {faw-android} font awesome icon and {met-wind} meteocons icons.Specify the drawable in yourdrawable folder.
<com.mikepenz.iconics.IconicsDrawablexmlns:app="http://schemas.android.com/apk/res-auto"app:ico_icon="gmd_favorite"app:ico_color="#0000FF"app:ico_contour_width="1dp"app:ico_contour_color="#00FFFF"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
<com.mikepenz.iconics.view.IconicsImageViewandroid:layout_width="72dp"android:layout_height="72dp"app:iiv_color="@android:color/holo_red_dark"app:iiv_icon="gmd-favorite" /> // or @string/gmd_favorite with our generator //app:iiv_size="12dp" //app:iiv_padding="2dp" //app:iiv_contour_color="#FF0000" //app:iiv_contour_width="2dp" //app:iiv_background_color="#FFFF00" //app:iiv_corner_radius="2dp" //app:iiv_background_contour_color="#FF0000" //app:iiv_background_contour_width="1dp" //app:iiv_shadow_radius="4dp" //app:iiv_shadow_dx="1dp" //app:iiv_shadow_dy="1dp" //app:iiv_animations="spin|blink_alpha|blink_scale"
<com.mikepenz.iconics.view.IconicsTextViewandroid:text="abc{hif-test}defgh{faw-adjust}ijk{fon-test1}lmnopqrstuv{fon-test2}wxyz"android:textColor="@android:color/black"android:layout_width="wrap_content"android:layout_height="56dp"android:textSize="16sp"/>
<com.mikepenz.iconics.view.IconicsButtonandroid:text="{faw-adjust} Button"android:layout_width="120dp"android:layout_height="60dp"/>
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 providedImage wrapper and set the icon.
Image(GoogleMaterial.Icon.gmd_access_alarm, colorFilter=ColorFilter.tint(MaterialTheme.colors.primary),)
| 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.
Appcompat v1.4.x introduces default enabled emoji support into allAppCompat* views, which prevents theIconicsView* views (iconics-views module) from properly applying the spannable style.To fix this problem, emoji support has to be disabled by doing:
app:emojiCompatEnabled="false"
More information on the appcompat emoji support:https://developer.android.com/jetpack/androidx/releases/appcompat#1.4.0-alpha01
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 theApplication.
And initialize Iconics as you wish
classCustomApplication :Application() {overridefunonCreate() {super.onCreate()//register custom fonts like this (or also provide a font definition file)Iconics.registerFont(CustomFont()) }}
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.
Iconics.Builder() .style(ForegroundColorSpan(Color.WHITE),BackgroundColorSpan(Color.BLACK),RelativeSizeSpan(2f)) .styleFor(FontAwesome.Icon.faw_adjust,BackgroundColorSpan(Color.RED)) .on(tv1) .build()
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}
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 yourown 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 toolandroid-iconics.mikepenz.com.Enter all the information. Add the *.ttf and *.css and click the button. It will generate and download the icon font addon aszip. (this tool is local only, no files are sent to a server, you can safely use it with any icons)
For generating string field for each of icons of your font, you can use this simple generator:Android-Iconics String 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 rules are bundled internally with each font.
- Baptiste Lagache Thanks for the gradle font module generator
- Also thanks for all the other contributors.
- Joan Zapata He is the creator ofAndroid-Iconify which gave me the idea of this project. Some core concepts and ideas were reused, but everything is written from scratch.
- Christopher Jenkins Thanks for the great usage of a custom
ContextWrapperinsideCalligraphy - Stephan Schober
Mike Penz
Peter Gulko
Copyright 2021 Mike PenzLicensed 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 http://www.apache.org/licenses/LICENSE-2.0Unless required by applicable law or agreed to in writing, softwaredistributed under the License is distributed on an "AS IS" BASIS,WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.See the License for the specific language governing permissions andlimitations under the License.About
Android-Iconics - Use any icon font, or vector (.svg) as drawable in your application.
Topics
Resources
License
Uh oh!
There was an error while loading.Please reload this page.
Stars
Watchers
Forks
Sponsor this project
Uh oh!
There was an error while loading.Please reload this page.
Uh oh!
There was an error while loading.Please reload this page.