fugue

The complete Fugue icon set by Yusuke Kamiyamane for Flutter: 3,571 pixel-art glyphs, each in 16, 32 and 48 px (1×, 2× and 3× displays) and in a shadow and a shadowless variant.

Unofficial repackage, maintained by NativeMind. Licensed like the original, under Creative Commons Attribution 3.0.

Fugue glyphs at 48 px

Usage

import 'package:fugue/fugue.dart';

const FugueImage(Fugue.lock);                              // 16 × 16 logical px
const FugueImage(Fugue.balloonBadgeArrow, shadowless: true); // flat variant for dark surfaces
FugueImage(Fugue.byName['calendar-day']!);               // lookup by upstream name

FugueImage always occupies a 16 × 16 logical-pixel box. Flutter picks the 16, 32 or 48 px file by device pixel ratio, so glyphs are pixel-exact on 1×, 2× and 3× screens. Size your rows, gaps and text from that 16 px unit to keep layouts proportional.

Names follow the upstream file names in lowerCamelCase; -- (an overlay badge) becomes Badge (balloon--arrow → Fugue.balloonBadgeArrow), reserved words get an Icon suffix. To draw a glyph with your own widget, use Image.asset(icon.assetPath(), package: FugueIcon.package).

With nativemind_widgets, which bundles only a thematic subset, add this package and use NmIcon(NmIconData.fugue('abacus', package: 'fugue')) for any other glyph.

Sources

  • 16 px: the original Fugue Icons 3.5.6.
  • 32 px: fugue-2x-icons by Chris Billington.
  • 48 px: made by NativeMind from the 32 px set with the same AI method (waifu2x, all glyphs on one sheet, alpha recovered from two backgrounds) plus a Lanczos resize; the pipeline is in tool/upscale/.

Attribution

CC BY 3.0 requires credit. For example, in your app's about screen or licenses page: "Fugue Icons © Yusuke Kamiyamane, CC BY 3.0". Some glyphs contain logos and trademarks that belong to their owners.

Libraries

fugue
The Fugue icon set by Yusuke Kamiyamane (CC BY 3.0) for Flutter: 3,571 glyphs in 16, 32 and 48 px, shadow and shadowless.