Skip to content

Instantly share code, notes, and snippets.

@fredgrott
Created September 15, 2025 18:10
Show Gist options
  • Save fredgrott/7f2b86ee94181a114ae1cc2d9859a595 to your computer and use it in GitHub Desktop.
Save fredgrott/7f2b86ee94181a114ae1cc2d9859a595 to your computer and use it in GitHub Desktop.
Material Symbol Icon temp setting for Material 3 Expressive, article at
MaterialSymbolsBase.setOutlinedVariationDefaults(
color: Colors.red,
fill: 1,
weight: 300,
grade: 0,
opticalSize: 40.0);
MaterialSymbolsBase.setRoundedVariationDefaults(
color: Colors.blue,
fill: 0,
weight: 400,
grade: 200,
opticalSize: 48.0);
MaterialSymbolsBase.setSharpVariationDefaults(
color: Colors.teal,
fill: 0,
weight: 600,
grade: 0.25,
opticalSize: 20.0);
// then use VariedIcon.varied() to create your icons - instead of Icon() directly
Icon example = VariedIcon.varied( Symbols.developer );
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment