heroicons_flutter 0.4.0

Heroicons from Tailwind Labs as Flutter icons set. Includes all solid, outline, micro and mini Heroicons.

heroicons_flutter

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,
        )
        Icon(
          // Micro Icon
          HeroiconsOutline.radio,
          color: Colors.blue,
        )
      ],
    );
  }
}

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

[!WARNING] Tree shaking won’t work when fromString() is used since this needs to go through the list of icons to find the one that matches the given string.

// camelCase
HericonsOutline.fromString("academicCap")

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