flutter-studio / Flutter Icons
Licence: apache-2.0
Customizable Icons for Flutter 💥
Stars: ✭ 241
Programming Languages
dart
5743 projects
Projects that are alternatives of or similar to Flutter Icons
Tabler Icons
A set of over 1400 free MIT-licensed high-quality SVG icons for you to use in your web projects.
Stars: ✭ 10,858 (+4405.39%)
Mutual labels: icons, icon
Aegis Icons
Unofficial 2FA entry icons for open source Android authenticator Aegis
Stars: ✭ 153 (-36.51%)
Mutual labels: vector, icons
Android Animated Icons
How to improve the user experience using animated icons with vector drawables on Android
Stars: ✭ 117 (-51.45%)
Mutual labels: vector, icons
Vue Pwa Asset Generator
PWA asset generator perfect with VueJS framework (but useful for all PWA!)
Stars: ✭ 97 (-59.75%)
Mutual labels: icons, icon
Richpath
💪 Rich Android Path. 🤡 Draw as you want. 🎉 Animate much as you can.
Stars: ✭ 2,259 (+837.34%)
Mutual labels: vector, icons
Icons
The premium icon font for @uiwjs Component Library. https://uiwjs.github.io/icons
Stars: ✭ 99 (-58.92%)
Mutual labels: icons, icon
Cryptocurrency Icons
A set of icons for all the main cryptocurrencies and altcoins, in a range of styles and sizes.
Stars: ✭ 2,116 (+778.01%)
Mutual labels: icons, icon
Suru Plus Ubuntu
Suru++ Ubuntu — An elegant third-party icons theme based on Sam Hewitt's Suru Icons
Stars: ✭ 85 (-64.73%)
Mutual labels: icons, icon
Awesome Iconjar
44 Collect free icon sets for iconjar. 收集免费的图标包,iconjar 格式(44套)。
Stars: ✭ 188 (-21.99%)
Mutual labels: icons, icon
Folder Icons
Custom folder icons for macOS & Windows
Stars: ✭ 186 (-22.82%)
Mutual labels: icons, icon
Iconshowcase Dashboard
A full-of-features, easy-to-customize, free and open source, Material Design dashboard for icon packs.
Stars: ✭ 197 (-18.26%)
Mutual labels: icons, icon
Iconshowcase
Full-of-features, easy-to-customize, free and open source, Material Design dashboard for icon packs.
Stars: ✭ 91 (-62.24%)
Mutual labels: icons, icon
Svgtofont
Read a set of SVG icons and ouput a TTF/EOT/WOFF/WOFF2/SVG font.
Stars: ✭ 149 (-38.17%)
Mutual labels: icons, icon
Eva Icons
A pack of more than 480 beautifully crafted Open Source icons. SVG, Sketch, Web Font and Animations support.
Stars: ✭ 8,114 (+3266.8%)
Mutual labels: icons, icon
Linearicons
Linearicons is the highest quality set of line icons, matching with minimalist UI designs in iOS.
Stars: ✭ 64 (-73.44%)
Mutual labels: icons, icon
Feathericon
simply generic vector icon collection - including sketch file, svg files, and font files.
Stars: ✭ 178 (-26.14%)
Mutual labels: vector, icons
Svelte Awesome
Awesome SVG icon component for Svelte JS, built with Font Awesome icons. Based on Justineo/vue-awesome
Stars: ✭ 193 (-19.92%)
Mutual labels: icons, icon
English | 简体中文
flutter_icons
Customizable Icons for Flutter,Inspired by react-native-vector-icons
Notice
v1.0.0
has major Api changes, please be careful to upgrade- 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) -
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)
Usage
To use this plugin, add flutter_icons
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:flutter_icons/flutter_icons.dart';
import 'package:flutter/material.dart';
// 1.0.0 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)
// After 1.1.0, the FlutterIcons 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
...
flutter_icons:
includes:
-ant
-mco
...
step3
Execute the command in the project directory
split_icon
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].