heroicons_flutter #

[Heroicons Cover]

Heroicons from Tailwind Labs as Flutter icons set. See the demo here.

Icons List #

All the available icons can be found at the official Heroicons website or at the demo site built with this package.

Usage #

All the available Heroicons can be used as Flutter icon as shown below.

import 'package:heroicons_flutter/heroicons_flutter.dart';

class MyWidget extends StatelessWidget {
  const MyWidget({super.key});

  Widget build(BuildContext context) {
    return new Column(
      children: <Widget>[
        const Icon(
          // Solid Icon
          HeroiconsSolid.faceSmile,
          color: Colors.blue,
        ),
        const Icon(
          // Mini Icon
          HeroiconsMini.banknotes,
          color: Colors.blue,
        ),
        Icon(
          // Outline Icon
          HeroiconsOutline.academicCap,
          color: Colors.blue,
        )
      ],
    );
  }
}

You can also use the icon by passing the string icon names to the fromString() method as below.

// camelCase
HericonsOutline.fromString("academicCap")

fromString() method also accepts snake_case, kebab-case and dot.notation strings.