Skip to content

UI icons docs

Flutter

The icons as a Dart package. Use them in Icon widgets like Material icons, with any size and colour.

DocsFlutter

Add the package

Terminal
flutter pub add iconoven

Or add it to pubspec.yaml yourself:

pubspec.yaml
dependencies:
  iconoven: ^1.0.0

It needs Dart 3.6 and Flutter 3.27, or later.

Use an icon

Dart
import 'package:iconoven/iconoven.dart';

Icon(IconOven.bell, semanticLabel: 'Alerts')

Icon(
  IconOvenSharp.creditCard,
  size: 32,
  color: Theme.of(context).colorScheme.primary,
)

IconOven has the round icons and IconOvenSharp the sharp ones. They take size, color and semanticLabel like any other Icon, and follow IconTheme.

Names

Names are the site names in lower camel case: credit-card is creditCard. A leading digit is spelled out, so 4k is fourK, and a Dart keyword gets a trailing underscore, as in library_.

App size

Each icon is a const IconData from a bundled font, so Flutter's icon tree shaking keeps only the icons you use in release builds.

Icons by name

Dart
import 'package:iconoven/all.dart';

final icon = iconOvenIcons['bell'];
final sharp = iconOvenSharpIcons['credit-card'];

Use these maps only for pickers and other screens that choose an icon at run time. They keep every icon in the build.

Pro styles

The Flutter package draws the free Stroke style. The other styles with IconOven Pro are for the web, React and design tools. See Pro setup.

Your cart

Your cart is empty.

Browse icons