ant_icons_plus 1.0.0 copy "ant_icons_plus: ^1.0.0" to clipboard
ant_icons_plus: ^1.0.0 copied to clipboard

Ant Design Icons for Flutter.

ant_icons_plus #

pub package License: MIT

A Flutter package with 831 Ant Design icons ready to use, in Outlined, Filled, and TwoTone variants.

Live demo / Gallery: https://ocostalucas.github.io/ant_icons_plus/

Available icons #

Variant Count
Outlined 447
Filled 234
TwoTone 150
Total 831

Installation #

Add to your pubspec.yaml:

dependencies:
  ant_icons_plus: ^1.0.0

Then run:

flutter pub get

Usage #

Outlined & Filled (IconData — native Flutter) #

import 'package:ant_icons_plus/ant_icons_plus.dart';

// Use with Flutter's standard Icon widget
Icon(AntdIcons.userOutlined)

// With custom size and color
Icon(
  AntdIcons.heartFilled,
  size: 32,
  color: Colors.red,
)

Works with any Flutter widget that accepts IconData:

// IconButton
IconButton(
  icon: Icon(AntdIcons.settingOutlined),
  onPressed: () {},
)

// BottomNavigationBar
BottomNavigationBarItem(
  icon: Icon(AntdIcons.homeOutlined),
  activeIcon: Icon(AntdIcons.homeFilled),
  label: 'Home',
)

// ListTile
ListTile(
  leading: Icon(AntdIcons.userOutlined),
  title: Text('Profile'),
)

TwoTone icons (AntdIcon widget) #

TwoTone icons use SVG rendering and require the AntdIcon widget:

AntdIcon(
  AntdIcons.heartTwoTone,
  size: 32,
  color: Colors.red,           // primary color
  secondaryColor: Colors.white, // secondary color (default: white)
)

IconTheme integration #

Both Icon and AntdIcon inherit color from the ambient IconTheme:

IconTheme(
  data: IconThemeData(color: Colors.blue, size: 32),
  child: Icon(AntdIcons.settingOutlined),
)

Architecture #

This package uses a hybrid approach for the best of both worlds:

Variant Rendering Type Widget
Outlined & Filled Icon font IconData Icon()
TwoTone SVG (inline) String AntdIcon()

Why? Icon fonts are monochromatic — each glyph supports a single fill color. TwoTone icons need two colors, so they use inline SVG with color placeholders instead.

Benefits #

Benefit Outlined / Filled TwoTone
Native IconData API Yes No (uses AntdIcon)
Tree shaking Yes (font glyphs) No
No extra dependencies Yes No (flutter_svg)
Multi-color support No Yes

AntdIcon widget API (TwoTone only) #

Parameter Type Default Description
svgString String TwoTone icon constant from AntdIcons.*TwoTone
size double 24.0 Width and height of the icon in logical pixels
color Color? null Primary color (falls back to IconTheme color if not provided)
secondaryColor Color? null Secondary color; defaults to 20% opacity of color

Icon classes #

  • AntdIcons — unified class with all 831 icons
  • AntdIconsOutlined — outlined variant only (IconData)
  • AntdIconsFilled — filled variant only (IconData)
  • AntdIconsTwoTone — twotone variant only (String for AntdIcon)

Bundle size #

Build mode Outlined / Filled TwoTone
debug / flutter run All 681 glyphs (~170 KB) All 150 SVG strings
release (flutter build) Only used glyphs (tree-shaken) All 150 (no tree shaking)

Icon source #

Icons are sourced from @ant-design/icons-svg v4.4.2.

License #

MIT © 2026

The icon SVG assets originate from the Ant Design Icons project and are also licensed under MIT.

1
likes
0
points
116
downloads

Publisher

unverified uploader

Weekly Downloads

Ant Design Icons for Flutter.

Repository (GitHub)
View/report issues

License

unknown (license)

Dependencies

flutter, flutter_svg

More

Packages that depend on ant_icons_plus