heroicons 0.10.0 copy "heroicons: ^0.10.0" to clipboard
heroicons: ^0.10.0 copied to clipboard

Easily use the heroicons set in your Flutter app.

HeroIcons #

heroicons port to Flutter. This package renders the icons as SVG images.

This package was last updated to use heroicons version 2.1.1 (on February 21st, 2024). If there's a newer version of HeroIcons available, please create an issue or pull request.

Usage #

class MyExampleWidget extends StatelessWidget {
  Widget build(BuildContext context) {
    return HeroIcon(
      style: HeroIconStyle.outline, // Outlined icons are used by default.
      color: Colors.red,
      size: 30,

You can also use HeroIconTheme to set the default style (e.g., outline or solid) for all icons in your app. (You'll still be able to override the style for individual icons.)

class MyApp extends StatelessWidget {
  Widget build(BuildContext context) {
    return MaterialApp(
      // ...
      home: HeroIconTheme(
        style: HeroIconStyle.solid,
        child: MyHomePage(),

Install #

Add heroicons package into your pubspec.yaml.

  heroicons: # Latest version

You can also run flutter pub add heroicons to quickly add latest version from your CLI.

Development #

Fetch new icons and automatically generate source code for heroicons.dart (runs both of the below steps)

dart tool/update.dart

Extra Commands #

If, for any reason, you need to run the steps separately, you can do so as follows:

  • Fetch new icons, organize into assets/ and update the README.

    dart tool/fetch_icons.dart

    Optionally, a branch may be specified to fetch icons from. For example, to fetch icons from the dev branch:

    dart tool/fetch_icons.dart dev

    Note that older branches (i.e., v1) won't work yet as the SVGs are organized differently and not all styles are available.

  • Run source code generation to create heroicons.dart file with an enum entry for every icon.

    dart tool/generator.dart
pub points


verified publishervojtech.net

Easily use the heroicons set in your Flutter app.

Repository (GitHub)
View/report issues


API reference




flutter, flutter_svg, path


Packages that depend on heroicons