solar_icons_flutter #

The complete Solar Icon Set for Flutter — 7,759 icons across all six Solar styles, as plain IconData backed by icon fonts. No dependencies.

Icon(SolarIconsBold.home);
Icon(SolarIconsLinear.homeSmile, size: 32, color: Colors.indigo);
SolarDuotoneIcon(SolarIconsBoldDuotone.home);

Solar does not draw every icon in every style, so the counts differ and a name that exists in one class may be missing from another.

Install #

flutter pub add solar_icons_flutter

import 'package:solar_icons_flutter/solar_icons_flutter.dart';

That is all — the fonts ship with the package and need no pubspec.yaml changes in your app.

Usage #

Icons are const IconData, so they work anywhere Flutter expects one:

Icon(SolarIconsBold.settings)
IconButton(icon: const Icon(SolarIconsLinear.trashBinTrash), onPressed: _delete)
ListTile(leading: Icon(SolarIconsOutline.user))
NavigationDestination(icon: Icon(SolarIconsBroken.compass), label: 'Explore')
Text.rich(TextSpan(children: [WidgetSpan(child: Icon(SolarIconsBold.star, size: 14))]))

Size and colour fall back to the ambient IconTheme, exactly like Material icons.

Naming #

Solar's kebab-case names become lowerCamelCase members: home-smile → homeSmile, trash-bin-trash → trashBinTrash. Two names cannot be spelled directly in Dart:

Duotone #

Duotone icons are two glyphs: a shaded layer at half opacity with a solid layer on top. IconData is a final class and cannot be subclassed, so duotone icons are a SolarDuotoneIconData pair rather than an IconData:

SolarDuotoneIcon(SolarIconsBoldDuotone.wallet)
SolarDuotoneIcon(SolarIconsLineDuotone.wallet, size: 40, color: Colors.teal)

// Tint the layers separately.
SolarDuotoneIcon(
  SolarIconsBoldDuotone.wallet,
  color: Colors.teal.shade700,
  secondaryColor: Colors.teal.shade100,
)

// Or take just the solid layer where a real IconData is required.
Icon(SolarIconsBoldDuotone.wallet.primary)
IconButton(
  icon: SolarDuotoneIcon(SolarIconsBoldDuotone.wallet),
  onPressed: _openWallet,
)

Note that SolarIconsBoldDuotone.wallet.primary is a field read, not a constant expression, so it cannot go inside a const Icon(...). Drop the const.

Looking icons up by name #

For an icon picker, or an icon name coming from a CMS or config file, import the opt-in index library:

import 'package:solar_icons_flutter/solar_icons_index.dart';

Icon(solarBoldIcons['home-smile']!);
Icon(solarIconByName(nameFromApi, SolarIconStyle.linear) ?? SolarIconsLinear.question);
SolarDuotoneIcon(solarDuotoneIconByName(name, SolarIconStyle.boldDuotone));

Keys are the original Solar names as shown on solar-icons.vercel.app. This library is deliberately not exported by the main one: a map that mentions every icon defeats tree shaking, so touching a style's map pins that style's whole font.

Bundle size #

Release builds run --tree-shake-icons by default, and it works on these fonts: an app that uses three icons ships them as three subset fonts of under 1 KB each, duotone included.

The catch is Flutter's, not this package's: the subsetter only rewrites fonts that have at least one referenced glyph. A style you never touch is still copied into the bundle at full size. So an app using icons from one style ships that style subset to a few hundred bytes plus roughly 2.5 MB of untouched fonts; using all six brings that to zero. If that matters for your app, reference at least one icon from each style you ship, or vendor the single .ttf you need out of fonts/ and declare it yourself.

Fidelity #

Four of Solar's six styles are drawn with strokes, and fonts can only carry filled contours, so the build pipeline outlines every stroke rather than approximating it. Every generated glyph is checked against its source SVG by rasterising both and comparing pixels:

The baseline for the stroke-drawn styles is antialiasing along outlined strokes, not shape error. Two real deviations are known:

• 13 Bold Duotone icons — bookmark-opened, skirt, win-rar, winrar, leaf, atom, shop, box-minimalistic, palette, palette-round, filters, database, volleyball-2 — draw translucent shapes that overlap each other, and the overlap composites darker than either shape alone. A two-glyph duotone model can only render one flat shade, so these look slightly lighter than the SVG.
• barcode-bold has bars at mixed opacity in the source. Bold is a single-layer style here, so its bars all render solid.

Regenerating #

The fonts and all Dart bindings are generated from @iconify-json/solar by tool/generate.py:

python3 -m venv .venv && .venv/bin/pip install -r tool/requirements.txt
.venv/bin/python tool/generate.py

It downloads the pinned icon set, flattens each icon with picosvg (resolving groups, transforms, masks and strokes), splits duotone icons into their two opacity layers, and builds one TrueType font plus one Dart class per style. Glyphs live in the Private Use Area from U+E000; duotone secondaries sit at the primary code point plus one.

Example #

example/ is a browsable gallery of all 7,759 icons with search, a style switcher, a size slider, light/dark mode, and copy-to-clipboard for the Dart snippet.

cd example && flutter run

Licence #

The Dart code, build tooling and generated bindings are MIT licensed.

The icon artwork is the Solar Icon Set by 480 Design, licensed CC BY 4.0. The fonts in fonts/ are derived from that artwork, so if you ship them you must carry the attribution. See NOTICE for the full attribution terms, and LICENSE for the MIT text.