phosphor-flutter

Phosphor is a flexible icon family for interfaces, diagrams, presentations — whatever, really. Explore all our icons at phosphoricons.com.

GitHub stars GitHub forks GitHub watchers Follow on GitHub

Installation

Add this to your pubspec.yaml

dependencies:
  phosphor_flutter: ^any

Then run the pub get command

flutter pub get

Usage

Normal Icons

Just add a Icon() widget passing any Phosphor Icon value like any Material Icon

// With Material Icons
Icon(
  Icons.edit, // Pencil icon
),

// With Phosphor Icons
Icon(
  PhosphorIcons.pencil, // Pencil Icon
),

You could use any property of the Icon widget to personalize the icon.

// This will show the [Note Pencil] icon in its fill version
// with a size of 30.0, green color and a semantic label for
// screen readers.
Icon(
  PhosphorIcons.notePencilFill,
  color: Colors.green,
  size: 30.0,
  semanticLabel: 'New Note',
),

All the icons has their thin, light, regular, bold and fill versions.

WIP Duotone Icons

The Duotone icons are still a work in progress

ScreenShots

Screenshot Thin Screenshot Light Screenshot Regular Screenshot Bold Screenshot Fill

Example App

You could see all the icons within the example app.

Installing

  • Download the APK from releases page and install in your device

From source code

  • Clone the repo
  • Open directory example cd example
  • Run flutter flutter run

License

MIT © Phosphor Icons

Libraries

phosphor_flutter