Search packages, repositories and app categories

heroicons cover
Package detailsv0.11.0

heroicons

Easily use the heroicons set in your Flutter app as SVG files.

AndroidiOSWebmacOSWindowsLinux
30-day downloads
18.4K
Likes
87
Pub points
160

Install package

flutter pub add heroicons

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

The heroicons package provides easy access to the Heroicons SVG icon set in Flutter applications. It allows developers to integrate a wide range of high-quality, scalable icons directly into their apps across multiple platforms. Icons are delivered as lightweight SVG files, ensuring crisp rendering on all device densities. The package is simple to use, with minimal setup required via pub add. It supports all major platforms including Android, iOS, Web, macOS, Windows, and Linux.

Use cases

  • Adding scalable icons to UIs
  • Enhancing app visual design
  • Building cross-platform apps
  • Integrating modern iconography
  • Creating consistent icon sets

Key features

  • SVG-based icon rendering
  • Cross-platform support
  • Easy integration via pub
  • Wide icon library
  • Lightweight file size

Suitable for

  • UI designers
  • Flutter developers
  • Cross-platform projects
  • Modern app interfaces
  • Apps requiring scalable icons

Considerations

  • Requires SVG asset handling
  • May increase build size slightly
  • Limited customization options
  • Not suitable for non-SVG workflows
  • Depends on external source code

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

HeroIcons

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

This package was last updated to use heroicons version 2.2.0 (on December 15th, 2024). If there's a newer version of HeroIcons available, please create an issue or pull request.

Usage

class MyExampleWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return HeroIcon(
      HeroIcons.calendar,
      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 {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      // ...
      home: HeroIconTheme(
        style: HeroIconStyle.solid,
        child: MyHomePage(),
      ),
    );
  }
}

Install

Run flutter pub add heroicons to quickly add latest version from your CLI.

Categories

Dependencies

Dependency list 2 items

Source repository

Projects using this package

No data available yet.