Customizable Icons for Flutter,Inspired by react-native-vector-icons
- icon names that begin with a number are preceded by a
$prefix- icon named with a reserved dart keyword have also the
$suffix added
AntDesignby AntFinance (v3.0.0, 298 icons)AntDesign-Filledby AntFinance (v4.1.0 latest, 218 icons)AntDesign-Outlinedby AntFinance (v4.1.0 latest, 420 icons)Brandicoby Fontello. (v1.0.0 latest, 45 icons)Elusiveby Team Redux (v2.0.0 latest, 304 icons)Entypoby Daniel Bruce (v1.0.0 latest, 411 icons)EvilIconsby Alexander Madyankin & Roman Shamin (v1.10.1 latest, 70 icons)Featherby Cole Bemis & Contributors (v4.28.0 latest, 286 icons)FontAwesomeby Dave Gandy (v4.7.0, 786 icons)FontAwesome 5by Fonticons, Inc. (v5.15.3, 1500 (free))Fontelicoby Fontello. (v1.0.0 latest, 34 icons)Fontistoby Fontisto. (v3.0.4 latest, 617 icons)Foundationby ZURB, Inc. (v3.0.0 latest, 283 icons)Ioniconsby the Ionic team (v5.5.1, 1332 icons)Lineariconsby Perxis (v1.0.0 latest, 170 icons)Lineconsby Design modo (v1.0.0 latest, 48 icons)Makiby Mapbox (v6.2.0 latest, 374 icons)MaterialCommunityIconsby MaterialDesignIcons.com (v5.4.45 latest, 5346 icons)MaterialIconsby Google, Inc. (v1.0.0 git -> May 10, 2021, 1842 icons)Meteoconsby Alessio Atzeni (v1.0.0 latest, 47 icons)MfgLabsby MfgLabs (v1.0.0 latest, 187 icons)ModernPictogramsby John Caserta (v1.0.0 latest, 91 icons)Octiconsby Github, Inc. (v13.0.0 latest, 433 icons)RPGAwesomeby Daniela Howe and Ivan Montiel (v1.0.0 latest, 495 icons)SimpleLineIconsby Sabbir & Contributors (v2.4.1 latest, 189 icons)Typiconsby Stephen Hutchings (v2.0.9, 293 icons)Weather Iconsby erikflowers (v2.0.10, 596 icons)WebSymbolsby Just Be Nice studio (v1.0.0 latest, 85 icons)Zocialby Sam Collins (v1.0.0, 100 icons)
To use this plugin, add flutter_icons as a dependency in your pubspec.yaml file.
| Prop | Description |
|---|---|
| selectedIconData | Icon is displayed when value is true |
| unselectedIconData | Icon is displayed when value is false |
| activeColor | When value is true, the icon color is displayed |
| inactiveColor | When value is false, the icon color is displayed |
| value | Whether this IconToggle is selected. |
| onChanged | Called when the value of the IconToggle should change. |
| duration | The duration of the transition from selected Icon to unselected Icon |
| reverseDuration | he duration of the transition from unselected Icon to selected Icon |
| transitionBuilder | Transition animation function between the selected Icon and the unselected Icon |
// Import package
import 'package:flutter_icons/flutter_icons.dart';
import 'package:flutter/material.dart';
// The FlutterIcons class is provided to access all Icons
// Icon name in the original basis added icon set abbreviation name as suffix
// Here in after referred to as the following
//Ant Design Icons -> ant,
//Ant Design v4+ Filled Icons -> adf,
//Ant Design v4+ Outlined Icons -> ado,
//Brandico Icons -> bdo,
//Elusive Icons -> elu,
//Entypo Icons -> ent,
//Evil Icons -> evi,
//Feather Icons -> fea,
//Font Awesome Icons -> fa,
//Font Awesome 5 Regular -> far
//Font Awesome 5 Brands -> fab
//Font Awesome 5 Solid -> fas
//Fontelico Icons -> fon,
//Fontisto Icons -> fto,
//Foundation Icons -> fou,
//Ionicons Icons -> ion,
//Linearicons Icons -> lin,
//Linecons Icons -> lco,
//Maki Icons -> mak,
//Material Community Icons -> mco,
//Material Icons Baseline -> mib,
//Material Icons Outline -> mio,
//Material Icons Round -> mir,
//Material Icons Sharp -> mis,
//Material Icons TwoTone **Not available at this moment**,
//Meteocons Icons -> met,
//MfgLabs Icons -> mfg,
//Octicons Icons -> oct,
//Simple Line Icons -> sli,
//Weather Icons -> wea
//Zocial Icons -> zoc,
Icon(FlutterIcons.stepforward_ant)
Icon(FlutterIcons.html5_fa)
...Execute the command
pub global activate split_icon
Add the font you want to leave in the project's pubspec file
//Ant Design Icons -> ant,
//Ant Design v4+ Filled Icons -> adf,
//Ant Design v4+ Outlined Icons -> ado,
//Brandico Icons -> bdo,
//Elusive Icons -> elu,
//Entypo Icons -> ent,
//Evil Icons -> evi,
//Feather Icons -> fea,
//Font Awesome Icons -> fa,
//Font Awesome 5 Regular -> far
//Font Awesome 5 Brands -> fab
//Font Awesome 5 Solid -> fas
//Fontelico Icons -> fon,
//Fontisto Icons -> fto,
//Foundation Icons -> fou,
//Ionicons Icons -> ion,
//Linearicons Icons -> lin,
//Linecons Icons -> lco,
//Maki Icons -> mak,
//Material Community Icons -> mco,
//Material Icons Baseline -> mib,
//Material Icons Outline -> mio,
//Material Icons Round -> mir,
//Material Icons Sharp -> mis,
//Material Icons TwoTone **Not available at this moment**,
//Meteocons Icons -> met,
//MfgLabs Icons -> mfg,
//Octicons Icons -> oct,
//Simple Line Icons -> sli,
//Weather Icons -> wea
//Zocial Icons -> zoc,
...
flutter_icons:
includes:
- ant
- mco
...Execute the command in the project directory
split_icon