Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/chouhan-rahul/icons_plus
Icons Plus is a package that has many icon packs that are popular and easy to use, such as Bootstrap, Font Awesome, Eva Icons, Line Awesome, Ionicons, and others.
https://github.com/chouhan-rahul/icons_plus
collaborate dart flutter flutterpackage
Last synced: 9 days ago
JSON representation
Icons Plus is a package that has many icon packs that are popular and easy to use, such as Bootstrap, Font Awesome, Eva Icons, Line Awesome, Ionicons, and others.
- Host: GitHub
- URL: https://github.com/chouhan-rahul/icons_plus
- Owner: chouhan-rahul
- License: mit
- Created: 2022-03-25T17:38:14.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-12-15T12:26:35.000Z (about 1 year ago)
- Last Synced: 2025-01-31T21:11:28.585Z (20 days ago)
- Topics: collaborate, dart, flutter, flutterpackage
- Language: Dart
- Homepage: https://pub.dev/packages/icons_plus
- Size: 7.74 MB
- Stars: 39
- Watchers: 1
- Forks: 11
- Open Issues: 11
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README

[](https://github.com/chouhan-rahul)
_[](https://www.buymeacoffee.com/rahulchouhan)_
_[](https://paypal.me/rahulvchouhan)_
_[](https://github.com/sponsors/chouhan-rahul)_## Icons Plus
Icons Plus is a package for Flutter developers that provides a collection of attractive icons from different packs. Developers can use this package to quickly and easily find and add icons to their apps. Icons Plus gives developers access to a variety of design elements that can make their apps look more appealing and modern. Developers can also choose from many popular icon packs to suit their preferences and needs.## List of Icon sets
Here is the list of all icon sets in Icons Plus.1. `NEW` [AntDesign](#1-antdesign) version: 5.12.2
2. [Bootstrap](#2-bootstrap) version: 1.11.2
3. [BoxIcons](#3-boxicons) version: 2.1.4
4. `NEW` [Brands Logo](#4-brands)
5. `NEW` [Clarity](#5-clarity) version: 12
6. [EvaIcons](#6-evaicons) version: 1.1.3
7. [Flags Logo](#7-flag)
8. [FontAwesome](#8-fontawesome) version: 6.5.1
9. [HeroIcons](#9-heroicons) version: 2.0.18
10. [Iconsax](#10-iconsax) version: 1.0
11. [IonIcons](#11-ionicons) version: 7.1.0
12. [LineAwesome](#12-lineawesome) version: 1.3.1
13. `NEW` [MingCute](#13-mingcute) version: 2.89
14. [OctIcons](#14-octicons) version: 19.8.0
15. [PixelArtIcons](#15-pixelarticons) version: 1.8
16. `NEW` [TeenyIcons](#16-teenyicons) version: latest
17. `NEW` [ZondIcons](#17-zondicons) version: latest## 1. AntDesign
AntDesign provides three types of icons: Fill, Outline, and TwoTone icons. To use Fill icons, simply append `_fill` as a suffix. For example, for a fill, you can use `Icon(AntDesign.gitlab_fill)`, while `Icon(AntDesign.sketch_outline)` and `Icon(environment_twotone)` are used for Outline and TwoTone, respectively.
```dart
Icon(AntDesign.gitlab_fill),
Icon(AntDesign.sketch_outline),
Icon(AntDesign.environment_twotone),
```## 2. Bootstrap
Bootstrap offers two types of icons: Outline and Fill icons. If you prefer using fill icons, simply add `_fill` as a suffix. For instance, if you want a filled heart, use `Icon(Bootstrap.heart_fill)`, whereas for an outlined heart, use `Icon(Bootstrap.heart)`.
```dart
Icon(Bootstrap.google),
Icon(Bootstrap.bootstrap),
Icon(Bootstrap.github),
```## 3. BoxIcons
BoxIcons provides three types of icons: Regular, Solid, and Logo icons. To use Regular icons, simply add `bx_` as a prefix. For example, for a regular, you can use `Icon(BoxIcons.bx_git_branch)`, while `Icon(bxs_cookie)` and `Icon(BoxIcons.bxl_apple)` are used for Solid and Logo, respectively.
```dart
Icon(BoxIcons.bxl_apple),
Icon(BoxIcons.bx_git_branch),
Icon(BoxIcons.bxs_cookie),
```## 4. Brands
Here's an example showing how to use Brands Logo.
```dart
Brand(Brands.icons8),
Brand(Brands.the_big_bang_theory),
Brand(Brands.android_studio),
```## 5. Clarity
Clarity provides three types of icons: Outline, Solid, and Line icons. To use Outline icons, simply append `_outline` as a suffix. `_solid` and `_line` are used for Solid and Line, respectively.
```dart
Icon(Clarity.map_outline_badged),
Icon(Clarity.application_solid),
Icon(Clarity.camera_line),
```## 6. EvaIcons
EvaIcons offers two types of icons: Outline and Fill icons. If you prefer using outline icons, simply add `_outline` as a suffix.
```dart
Icon(EvaIcons.clipboard),
Icon(EvaIcons.flash),
Icon(EvaIcons.clipboard_outline),
```## 7. Flag
Here's an example showing how to use Flags.
```dart
Flag(Flags.india),
Flag(Flags.united_kingdom),
Flag(Flags.united_states_of_america),
```## 8. FontAwesome
FontAwesome provides three types of icons: Regular, Solid, and Brand icons. To use Solid icons, simply append `_solid` as a suffix. For example, for a solid, you can use `Icon(FontAwesome.bug_solid)`, while `Icon(FontAwesome.folder_open)` and `Icon(FontAwesome.stripe_brand)` are used for Regular and Brand, respectively.
```dart
Icon(FontAwesome.stripe_brand),
Icon(FontAwesome.folder_open),
Icon(FontAwesome.bug_solid),
```## 9. HeroIcons
Here's an example showing how to use HeroIcons.
```dart
Icon(HeroIcons.printer),
Icon(HeroIcons.pencil_square),
Icon(HeroIcons.play_circle),
```## 10. Iconsax
Iconsax provides three types of icons: Bold, Bulk, and Outline icons. To use Bold icons, simply append `_bold` as a suffix. For example, for a bold, you can use `Icon(Iconsax.cake_bold)`, while `Icon(Iconsax.clock_bulk)` and `Icon(Iconsax.dollar_circle_outline)` are used for Bulk and Outline, respectively.
```dart
Icon(Iconsax.cake_bold),
Icon(Iconsax.clock_bulk),
Icon(Iconsax.dollar_circle_outline),
```## 11. IonIcons
Here's an example showing how to use IonIcons.
```dart
Icon(IonIcons.bug),
Icon(IonIcons.finger_print),
Icon(IonIcons.logo_react),
```## 12. LineAwesome
Here's an example showing how to use LineAwesome icons.
```dart
Icon(LineAwesome.amazon),
Icon(LineAwesome.birthday_cake_solid),
Icon(LineAwesome.cc_visa),
```## 13. MingCute
Here's an example showing how to use MingCute icons.
```dart
Icon(MingCute.knife_line),
Icon(MingCute.badminton_line),
Icon(MingCute.currency_bitcoin_fill),
```## 14. OctIcons
Here's an example showing how to use OctIcons.
```dart
Icon(OctIcons.code_of_conduct),
Icon(OctIcons.copilot),
Icon(OctIcons.verified),
```## 15. PixelArtIcons
Here's an example showing how to use PixelArtIcons.
```dart
Icon(PixelArtIcons.gif),
Icon(PixelArtIcons.human),
Icon(PixelArtIcons.heart),
```## 16. TeenyIcons
Here's an example showing how to use TeenyIcons.
```dart
Icon(TeenyIcons.google_play_store),
Icon(TeenyIcons.heart),
Icon(TeenyIcons.android),
```## 17. ZondIcons
Here's an example showing how to use ZondIcons.
```dart
Icon(ZondIcons.shield),
Icon(ZondIcons.trophy),
Icon(ZondIcons.coffee),
```> Copyright © **[Rahul Chouhan](https://github.com/chouhan-rahul)**. Licensed under the _[MIT LICENSE](https://github.com/chouhan-rahul/icons_plus/blob/main/LICENSE)_