/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.

Primary LanguageDartMIT LicenseMIT

icons-plus-banner

GitHub Buy Me A Coffee PayPal Sponsor

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 version: 5.12.2
  2. Bootstrap version: 1.11.2
  3. BoxIcons version: 2.1.4
  4. NEW Brands Logo
  5. NEW Clarity version: 12
  6. EvaIcons version: 1.1.3
  7. Flags Logo
  8. FontAwesome version: 6.5.1
  9. HeroIcons version: 2.0.18
  10. Iconsax version: 1.0
  11. IonIcons version: 7.1.0
  12. LineAwesome version: 1.3.1
  13. NEW MingCute version: 2.89
  14. OctIcons version: 19.8.0
  15. PixelArtIcons version: 1.8
  16. NEW TeenyIcons version: latest
  17. NEW 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.

AntDesign

  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).

Bootstrap

  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.

BoxIcons

  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.

Brands

  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.

Claity

  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.

EvaIcons

  Icon(EvaIcons.clipboard),
  Icon(EvaIcons.flash),
  Icon(EvaIcons.clipboard_outline),

7. Flag

Here's an example showing how to use Flags.

Flags

  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.

FontAwesome

  Icon(FontAwesome.stripe_brand),
  Icon(FontAwesome.folder_open),
  Icon(FontAwesome.bug_solid),

9. HeroIcons

Here's an example showing how to use HeroIcons.

HeroIcons

  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.

Iconsax

  Icon(Iconsax.cake_bold),
  Icon(Iconsax.clock_bulk),
  Icon(Iconsax.dollar_circle_outline),

11. IonIcons

Here's an example showing how to use IonIcons.

IonIcons

  Icon(IonIcons.bug),
  Icon(IonIcons.finger_print),
  Icon(IonIcons.logo_react),

12. LineAwesome

Here's an example showing how to use LineAwesome icons.

LineAwesome

  Icon(LineAwesome.amazon),
  Icon(LineAwesome.birthday_cake_solid),
  Icon(LineAwesome.cc_visa),

13. MingCute

Here's an example showing how to use MingCute icons.

MingCute

  Icon(MingCute.knife_line),
  Icon(MingCute.badminton_line),
  Icon(MingCute.currency_bitcoin_fill),

14. OctIcons

Here's an example showing how to use OctIcons.

OctIcons

  Icon(OctIcons.code_of_conduct),
  Icon(OctIcons.copilot),
  Icon(OctIcons.verified),

15. PixelArtIcons

Here's an example showing how to use PixelArtIcons.

PixelArtIcons

  Icon(PixelArtIcons.gif),
  Icon(PixelArtIcons.human),
  Icon(PixelArtIcons.heart),

16. TeenyIcons

Here's an example showing how to use TeenyIcons.

TeenyIcons

  Icon(TeenyIcons.google_play_store),
  Icon(TeenyIcons.heart),
  Icon(TeenyIcons.android),

17. ZondIcons

Here's an example showing how to use ZondIcons.

ZondIcons

  Icon(ZondIcons.shield),
  Icon(ZondIcons.trophy),
  Icon(ZondIcons.coffee),

Copyright © Rahul Chouhan. Licensed under the MIT LICENSE