ilikerobots / fluttericon_pkg

Fluttericon Flutter

Fluttericon

Flutter icon packs built from 15 popular free and open-source webfonts. These include all packs available from FlutterIcon (except Material Icons).

Please note this package is not intended for production use, due to the large size. Instead, it can be used as a development aid to help identify/test icons.

For production use, it is highly recommended to use FlutterIcon to customize your icon pack, limiting your icon font to needed icons and building your own from custom SVG.

Included icon sets

The icon set included are:

• Brandico
• Elusive
• Entypo
• Font Awesome (4 and 5)
• Fontelico
• Iconic
• Linearicons Free
• Linecons
• Maki
• Meteocons
• MfgLabs
• ModernPictograms
• Octicons
• RPGAwesome
• Typicons
• WebSymbols
• Zocial

Please review and respect the copyright information contained in the header file for each font set.

Usage

Simply import the desired icon set and use the IconData as normal.

import 'package:fluttericon/typicons_icons.dart';
import 'package:fluttericon/fontelico_icons.dart';
import 'package:fluttericon/linecons_icons.dart';

final myIcons = const <Widget>[
    const Icon(Typicons.attention),
    const Icon(Fontelico.emo_wink),
    const Icon(Linecons.globe),
];

FlutterIcon

To customize icon packs, visit FlutterIcon.

fluttericon_pkg's Issues

Got "Invalid params: - data.config is required (undefined)" on Download

Ignore lint hints in generated code

Thank you for fluttericon.com generator!

As it's familiar for people to use snake_case for icon names (since material and cupertino icons), snake_case is OK.

But at the same time popular linter rules collections (like effective_dart or lint) uses constant_identifier_names rule that recommends using lowerCamelCase for constant variables. So the linter complains about the code generated by fluttericon.com.

I suggest adding // ignore_for_file: constant_identifier_names to the generated file

Asset Load error in the website

Thanks

Thanks for this package. It has been really helpful.

Error

When I try to open https://www.fluttericon.com/ website. I 'am getting Asset Load Error and the website just shows an infinite loading screen. I tried with multiple browsers, in Incognito mode. What can I do to fix this?

Error Message

Asset load error (bag.js): Can't open url /assets/bundle-fontello.en-US-7a44c51c4fd765fd4064540bf660a9e1.js

PS

I tried in my mobile device and it turned up after a long time

Ant design icons

Please add Ant design icons (https://ant.design/components/icon/ )if possible, Thanks in advance 👍🏻

Question about performance

I have some questions around this library, Is there any performance gain between:

• having this vs having all of the icons in .svg?
• Using the .ttf format itself?

I see a warning in the readme that says that it should not be used in production, it refers to the material iconset and not the hole library right?:

Please note this package is not intended for production use, due to the large size. Instead, it can be used as a development aid to help identify/test icons.

For production use, it is highly recommended to use FlutterIcon to customize your icon pack, limiting your icon font to needed icons and building your own from custom SVG.

I already asked there but I am not getting any responses:
https://stackoverflow.com/questions/65628990/is-there-any-performance-gain-with-fluttericons-instead-of-using-the-svg-directl

Feather icons

Please add Feather icons if possible, Thanks in advance 👍🏻
https://feathericons.com/

Error loading the icon using custom pack from fluttericon.com

I have selected an icon to be used and then i downloaded the pack. I copied the font into the fonts folder and adjusted pubspec.yaml to load the font. The font is loaded correctly as per the debug logs.

flutter:
    uses-material-design: true
    fonts:
        - family:  MyFlutterApp
          fonts:
            - asset: fonts/MyFlutterApp.ttf

Then I added the dart file to load the icon data:

import 'package:flutter/widgets.dart';

class CustomIcons {
  CustomIcons._();

  static const _kFontFam = 'MyFlutterApp';
  static const String? _kFontPkg = null;

  static const IconData handPointer =
      IconData(0xf25a, fontFamily: _kFontFam, fontPackage: _kFontPkg);
}

Then I used it by importing the class and using the icon data in Icon class.

Icon(CustomIcons.handPointer))

However instead of showing the icon, I get a question mark bordered by a box!
what am I doing wrong?

Missing Maki icons

Hello,

Look like not every maki icon is available, is there a possibility to add them ? See https://labs.mapbox.com/maki-icons/
Is it something I can do manually in the same time?

Thanks

Add FluentUI Icons

Please add support for FluentUI Icons from FluentUI

Can we add some features?

Hi,

I would love to use this package, but there's a few things missing that's in the current icon package I'm using:

https://pub.dev/packages/flutter_icons

Namely:

• The number of font icons
• The ability to completely turn off the loading of fonts at all, which will be desperately needed in web to reduce load times

Add common api

Add a single api to access all icons.

Missing RTL support

RTL support is missing and can be added easily by adding matchTextDirection: true on IconData
Example: IconData(0xe88a, fontFamily: _kFontFam, fontPackage: _kFontPkg, matchTextDirection: true);

It would be great to have RTL support as option.