icons_flutter

Description:

icons flutter

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 #

AntDesign by AntFinance (297 icons)
Brandico by Vitaly Puzrin Author: Crowdsourced, for Fontello project (44 icons) License:
Elusive by Aristeides Stathopoulos (270 icons) License:
Entypo by Daniel Bruce (411 icons)
EvilIcons by Alexander Madyankin & Roman Shamin (v1.10.1, 70 icons)
Feather by Cole Bemis & Contributors (v4.7.0, 266 icons)
FontAwesome by Dave Gandy (v4.7.0, 675 icons)
FontAwesome 5 by Fonticons, Inc. (v5.7.0, 1500 (free))
Foundation by ZURB, Inc. (v3.0, 283 icons)
Ionicons by Ben Sperry (v4.2.4, 696 icons)
MaterialIcons by Google, Inc. (v3.0.1, 932 icons)
MaterialCommunityIcons by MaterialDesignIcons.com (v4.0.96, 4416 icons)
Octicons by Github, Inc. (v8.0.0, 177 icons)
Zocial by Sam Collins (v1.0, 100 icons)
SimpleLineIcons by Sabbir & Contributors (v2.4.1, 189 icons)
Weather Icons by erikflowers (v2.0.10, 596 icons)
Entypo by Entypo (411 icons) License:
Font Awesome 5 by Dave Gandy (1437 icons) License:
Fontelico by Crowdsourced, for Fontello project (34 icons) License:
Linearicons by Perxis (175 icons) License:
Linecons by Designmodo for Smashing Magazine (48 icons) License:
Maki by https://mapbox.com/maki/ (63 icons) License:
Meteocons by Alessio Atzeni (47 icons) License:
MFG Labs by Daniel Bruce Author: MFG Labs (153 icons) License:
Modern Pictograms by John Caserta (91 icons) License:
RPG Awesome by Daniela Howe & Ivan Montiel (495 icons) License:
Typicons by Stephen Hutchings 2012 (293 icons) License:
Web Symbols by 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));
copied to clipboard
How to keep only the fonts used in the project. #
step 1
Execute the command
pub global activate split_icon
copied to clipboard
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

copied to clipboard
...
icons_flutter:
includes:
-ant
-mco
...

#### step3
Execute the command in the project directory
copied to clipboard
split_icon
copied to clipboard