icons_flutter 0.0.1
icons_flutter: ^0.0.1 copied to clipboard
The Flutter icon package provides you 14k+ additional icons to use in your apps.
English
icons_flutter #
The Flutter icon package provides you 14k+ additional icons to use in your apps.
Notice #
- icon names that begin with a number are preceded by a
$prefix- icon named with the dart keyword have the
_suffix added
Bundled Icon Sets #
AntDesignby AntFinance (297 icons)Brandicoby Vitaly Puzrin Author: Crowdsourced, for Fontello project (44 icons)License:Elusiveby Aristeides Stathopoulos (270 icons)License:Entypoby Daniel Bruce (411 icons)EvilIconsby Alexander Madyankin & Roman Shamin (v1.10.1, 70 icons)Featherby Cole Bemis & Contributors (v4.7.0, 266 icons)FontAwesomeby Dave Gandy (v4.7.0, 675 icons)FontAwesome 5by Fonticons, Inc. (v5.7.0, 1500 (free))Foundationby ZURB, Inc. (v3.0, 283 icons)Ioniconsby Ben Sperry (v4.2.4, 696 icons)MaterialIconsby Google, Inc. (v3.0.1, 932 icons)MaterialCommunityIconsby MaterialDesignIcons.com (v4.0.96, 4416 icons)Octiconsby Github, Inc. (v8.0.0, 177 icons)Zocialby Sam Collins (v1.0, 100 icons)SimpleLineIconsby Sabbir & Contributors (v2.4.1, 189 icons)Weather Iconsby erikflowers (v2.0.10, 596 icons)Entypoby Entypo (411 icons)License:Font Awesome 5by Dave Gandy (1437 icons)License:Fontelicoby Crowdsourced, for Fontello project (34 icons)License:Lineariconsby Perxis (175 icons)License:Lineconsby Designmodo for Smashing Magazine (48 icons)License:Makiby http://mapbox.com/maki/ (63 icons)License:Meteoconsby Alessio Atzeni (47 icons)License:MFG Labsby Daniel Bruce Author: MFG Labs (153 icons)License:Modern Pictogramsby John Caserta (91 icons)License:RPG Awesomeby Daniela Howe & Ivan Montiel (495 icons)License:Typiconsby Stephen Hutchings 2012 (293 icons)License:Web Symbolsby Just Be Nice studio 2011 (85 icons)License:
Usage #
To use this plugin, add icons_flutter as a dependency in your pubspec.yaml file.
Widget #
IconToggle #
| 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 |
Example #
// Import package
import 'package:icons_flutter/icons_flutter.dart';
import 'package:flutter/material.dart';
// 0.0.1 version used
Icon(AntDesign.stepforward),
Icon(Ionicons.ios_search),
Icon(FontAwesome.glass),
Icon(MaterialIcons.ac_unit),
Icon(FontAwesome5.address_book),
Icon(FontAwesome5Solid.address_book),
Icon(FontAwesome5Brands.$500px)
// The IconsFlutter class is provided to access all Icons
// Icon name in the original basis added icon set abbreviation name as suffix
// Hereinafter referred to as the following
//Ant Design Icons -> ant,
//Entypo Icons -> ent,
//Evil Icons -> evi,
//Feather Icons -> fea,
//Font Awesome Icons -> faw,
//Font Awesome 5 Regular -> faw5
//Font Awesome 5 Solid -> faw5s
//Font Awesome 5 Brands -> faw5b
//Foundation Icons -> fou,
//Ionicons Icons -> ion,
//Material Community Icons -> mco,
//Material Icons -> mdi,
//Octicons Icons -> oct,
//Simple Line Icons -> sli,
//Zocial Icons -> zoc,
//Weather Icons -> wea
Icon(FlutterIcons.stepforward_ant)
Icon(FlutterIcons.html5_faw)
...
// Previous versions of 1.0.0 are used
Icon(Ionicons.getIconData("ios-search"));
Icon(AntDesign.getIconData("stepforward"));
Icon(FontAwesome.getIconData("glass"));
Icon(MaterialIcons.getIconData("ac-unit"));
Icon(FontAwesome5.getIconData("address-book"));
Icon(FontAwesome5.getIconData("address-book",weight: IconWeight.Solid));
Icon(FontAwesome5.getIconData("500px", weight: IconWeight.Brand));
How to keep only the fonts used in the project. #
step 1
Execute the command
pub global activate split_icon
step2
Add the font you want to leave in the project's pubspec file
//Ant Design Icons -> ant,
//Entypo Icons -> ent,
//Evil Icons -> evi,
//Feather Icons -> fea,
//Font Awesome Icons -> faw,
//Font Awesome 5 Regular -> faw5
//Font Awesome 5 Solid -> faw5s
//Font Awesome 5 Brands -> faw5b
//Foundation Icons -> fou,
//Ionicons Icons -> ion,
//Material Community Icons -> mco,
//Material Icons -> mdi,
//Octicons Icons -> oct,
//Simple Line Icons -> sli,
//Zocial Icons -> zoc,
//Weather Icons -> wea
...
icons_flutter:
includes:
-ant
-mco
...
step3
Execute the command in the project directory
split_icon