{"id":21496303,"url":"https://github.com/phosphor-icons/flutter","last_synced_at":"2025-04-05T12:05:38.997Z","repository":{"id":38539920,"uuid":"309860822","full_name":"phosphor-icons/flutter","owner":"phosphor-icons","description":"A flexible icon family for Flutter","archived":false,"fork":false,"pushed_at":"2025-03-26T03:50:21.000Z","size":4799,"stargazers_count":117,"open_issues_count":7,"forks_count":13,"subscribers_count":5,"default_branch":"main","last_synced_at":"2025-03-29T11:07:37.505Z","etag":null,"topics":["flutter","icon-font","icon-pack","icons","svg","svg-icons"],"latest_commit_sha":null,"homepage":"https://phosphoricons.com","language":"Dart","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/phosphor-icons.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yaml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":["phosphor-icons","rektdeckard"],"patreon":"phosphoricons","buy_me_a_coffee":"phosphoricons","ko_fi":"phosphoricons"}},"created_at":"2020-11-04T02:29:40.000Z","updated_at":"2025-03-26T03:50:23.000Z","dependencies_parsed_at":"2022-07-16T09:48:11.479Z","dependency_job_id":"d73da5d7-1c3f-4242-b9eb-473cb0c6a213","html_url":"https://github.com/phosphor-icons/flutter","commit_stats":{"total_commits":119,"total_committers":7,"mean_commits":17.0,"dds":0.2773109243697479,"last_synced_commit":"13ec2bf27a23a39423e53c9935a32b94ca5cf5c2"},"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/phosphor-icons%2Fflutter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/phosphor-icons%2Fflutter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/phosphor-icons%2Fflutter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/phosphor-icons%2Fflutter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/phosphor-icons","download_url":"https://codeload.github.com/phosphor-icons/flutter/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247332604,"owners_count":20921853,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["flutter","icon-font","icon-pack","icons","svg","svg-icons"],"created_at":"2024-11-23T16:15:42.677Z","updated_at":"2025-04-05T12:05:38.979Z","avatar_url":"https://github.com/phosphor-icons.png","language":"Dart","funding_links":["https://github.com/sponsors/phosphor-icons","https://github.com/sponsors/rektdeckard","https://patreon.com/phosphoricons","https://buymeacoffee.com/phosphoricons","https://ko-fi.com/phosphoricons"],"categories":[],"sub_categories":[],"readme":"\n# phosphor-flutter\n\n\u003c!-- BEGIN_LOGO --\u003e\n\u003cimg src=\"/.github/logo.png\" width=\"128\" align=\"right\" /\u003e\n\u003c!-- END_LOGO --\u003e\n\nPhosphor is a flexible icon family for interfaces, diagrams, presentations — whatever, really. Explore all our icons at [phosphoricons.com](https://phosphoricons.com).\n\n[![GitHub stars](https://img.shields.io/github/stars/phosphor-icons/phosphor-flutter?style=flat-square\u0026label=Star)](https://github.com/phosphor-icons/phosphor-flutter)\n[![GitHub forks](https://img.shields.io/github/forks/phosphor-icons/phosphor-flutter?style=flat-square\u0026label=Fork)](https://github.com/phosphor-icons/phosphor-flutter/fork)\n[![GitHub watchers](https://img.shields.io/github/watchers/phosphor-icons/phosphor-flutter?style=flat-square\u0026label=Watch)](https://github.com/phosphor-icons/phosphor-flutter)\n[![Follow on GitHub](https://img.shields.io/github/followers/rektdeckard?style=flat-square\u0026label=Follow)](https://github.com/rektdeckard)\n\n## ScreenShots\n\n![Screenshot Regular](/.github/screenshot_regular.png)\n![Screenshot Thin](/.github/screenshot_thin.png)\n![Screenshot Light](/.github/screenshot_light.png)\n![Screenshot Bold](/.github/screenshot_bold.png)\n![Screenshot Fill](/.github/screenshot_fill.png)\n![Screenshot Duotone](/.github/screenshot_duotone.png)\n\n## Installation\n\nAdd this to your `pubspec.yaml`\n\n```yaml\ndependencies:\n  phosphor_flutter: ^any\n```\n\nThen run the pub get command\n\n```bash\nflutter pub get\n```\n\n## Usage\n\n### `PhosphorIcon` Widget\n\nThe easiest way to use all the Phosphor Icons in your app is to use the\n`PhosphorIcon` widget with one of the style-specific icon classes and pass any of our `PhosphorIcons` to it.\n\n### Available Styles:\n- `PhosphorIconsRegular`\n- `PhosphorIconsThin`\n- `PhosphorIconsLight`\n- `PhosphorIconsBold`\n- `PhosphorIconsFill`\n- `PhosphorIconsDuotone`\n\n\u003e [!TIP]\n\u003e Use the style classes for smaller font file size. The alternative syntax `PhosphorIcons.pencil(PhosphorIconsStyle.fill)` is not recommended as it prevents tree shaking.\n\n```dart\n// import the package\nimport 'package:phosphor_flutter/phosphor_flutter.dart';\n\n// This will show the [Note Pencil] icon in its fill version\n// with a size of 30.0, green color and a semantic label for\n// screen readers.\nPhosphorIcon(\n  PhosphorIconsFill.notePencil,\n  color: Colors.green,\n  size: 30.0,\n  semanticLabel: 'New Note',\n),\n```\n\nyou could also use the duotone style like this\n\n```dart\n// import the package\nimport 'package:phosphor_flutter/phosphor_flutter.dart';\n\n// This will show the [Note Pencil] icon in it's duotone version\nPhosphorIcon(\n  PhosphorIconsDuotone.notePencil,\n  color: Colors.green,\n),\n```\n\nby default the secondary color will be the same as the one passed here but with\na 20% of opacity, but you can easily override that behavior with the\n`duotoneSecondaryOpacity` and `duotoneSecondaryColor` properties\n\n```dart\n// import the package\nimport 'package:phosphor_flutter/phosphor_flutter.dart';\n\n// This will show the [Note Pencil] icon in it's duotone version where the\n// foreground color will be green and the background color will be yellow\n// with an opacity of 50%\nPhosphorIcon(\n  PhosphorIconsDuotone.notePencil,\n  color: Colors.green,\n  duotoneSecondaryOpacity: 0.50,\n  duotoneSecondaryColor: Colors.yellow,\n),\n```\n\nyou can even make the opacity 100% to have a real duocolor icon.\n\n### Flutter `Icon` Widget\n\nYou can use the native flutter `Icon()` widget passing any `PhosphorIcon` value\nlike any Material Icon\n\n\u003e NOTE: Due some limitations with the flutter `Icon` widget when you pass a duotone\n\u003e icon it will render it as a simple icon, for this case prefer to use our\n\u003e custom `PhosphorIcon` widget that works the same as `Icon` but support our\n\u003e duotone style\n\n```dart\n// With Material Icons\nIcon(\n  Icons.edit, // Pencil icon\n),\n\n// With Phosphor Icons\nIcon(\n  PhosphorIconsRegular.pencil, // Pencil Icon\n),\n```\n\nYou could use any property of the [`Icon widget`](https://api.flutter.dev/flutter/widgets/Icon-class.html) to personalize the icon.\n\n```dart\n// This will show the [Note Pencil] icon in it's fill version\n// with a size of 30.0, green color and a semantic label for\n// screen readers.\nIcon(\n  PhosphorIconsFill.notePencil,\n  color: Colors.green,\n  size: 30.0,\n  semanticLabel: 'New Note',\n),\n```\n\nAll the icons has their thin, light, regular, bold and fill versions.\n\n## Migration Guide\n\nTo migrate from v1.0.0 to 2.1.0 you just need to change all your\n`PhosphorIcons.iconStyle` to the new syntax.\nFor example:\n\n```dart\n// previous\nIcon(\n  PhosphorIcons.pencilFill, // Pencil Fill Icon\n)\n\n// new\nIcon(\n  PhosphorIconsFill.pencil, // Pencil Fill Icon\n)\n\n// new and suggested\nPhosphorIcon(\n  PhosphorIconsFill.pencil, // Pencil Fill Icon\n)\n```\n\nAlso, we encourage you to use our new `PhosphorIcon` widget to have support for\nduotone icons.\n\n## Example App\n\nYou could see all the icons within the example app.\n\nJust clone the repository and run the next commands\n\n```bash\ncd phosphor_flutter/example\nflutter pub get\nflutter run\n```\n\n\u003c!-- BEGIN_LINKS --\u003e\n## Our Projects\n\n- [@phosphor-icons/homepage](https://github.com/phosphor-icons/homepage) ▲ Phosphor homepage and general info\n- [@phosphor-icons/core](https://github.com/phosphor-icons/core) ▲ Phosphor icon assets and catalog\n- [@phosphor-icons/elm](https://github.com/phosphor-icons/phosphor-elm) ▲ Phosphor icons for Elm\n- [@phosphor-icons/figma](https://github.com/phosphor-icons/figma) ▲ Phosphor icons Figma plugin\n- [@phosphor-icons/flutter](https://github.com/phosphor-icons/flutter) ▲ Phosphor IconData library for Flutter\n- [@phosphor-icons/pack](https://github.com/phosphor-icons/pack) ▲ Phosphor web font stripper to generate minimal icon bundles\n- [@phosphor-icons/penpot](https://github.com/phosphor-icons/penpot) ▲ Phosphor icons Penpot plugin\n- [@phosphor-icons/react](https://github.com/phosphor-icons/react) ▲ Phosphor icon component library for React\n- [@phosphor-icons/sketch](https://github.com/phosphor-icons/sketch) ▲ Phosphor icons Sketch plugin\n- [@phosphor-icons/swift](https://github.com/phosphor-icons/swift) ▲ Phosphor icon component library for SwiftUI\n- [@phosphor-icons/theme](https://github.com/phosphor-icons/theme) ▲ A VS Code (and other IDE) theme with the Phosphor color palette\n- [@phosphor-icons/unplugin](https://github.com/phosphor-icons/theme) ▲ A multi-framework bundler plugin for generating Phosphor sprite sheets\n- [@phosphor-icons/vue](https://github.com/phosphor-icons/vue) ▲ Phosphor icon component library for Vue\n- [@phosphor-icons/web](https://github.com/phosphor-icons/web) ▲ Phosphor icons for Vanilla JS\n- [@phosphor-icons/webcomponents](https://github.com/phosphor-icons/webcomponents) ▲ Phosphor icons as Web Components\n\n## Community Projects\n\n- [adamglin0/compose-phosphor-icons](https://github.com/adamglin0/compose-phosphor-icon) ▲ Phosphor icons for Compose Multiplatform\n- [altdsoy/phosphor_icons](https://github.com/altdsoy/phosphor_icons) ▲ Phosphor icons for Phoenix and TailwindCSS\n- [amPerl/egui-phosphor](https://github.com/amperl/egui-phosphor) ▲ Phosphor icons for egui apps (Rust)\n- [babakfp/phosphor-icons-svelte](https://github.com/babakfp/phosphor-icons-svelte) ▲ Phosphor icons for Svelte apps\n- [brettkolodny/phosphor-lustre](https://github.com/brettkolodny/phosphor-lustre) ▲ Phosphor icons for Lustre\n- [cellularmitosis/phosphor-uikit](https://github.com/cellularmitosis/phosphor-uikit) ▲ XCode asset catalog generator for Phosphor icons (Swift/UIKit)\n- [cjohansen/phosphor-clj](https://github.com/cjohansen/phosphor-clj) ▲ Phosphor icons as Hiccup for Clojure and ClojureScript\n- [codeat3/blade-phosphor-icons](https://github.com/codeat3/blade-phosphor-icons) ▲ Phosphor icons in your Laravel Blade views\n- [dreamRs/phosphor-r](https://github.com/dreamRs/phosphoricons) ▲ Phosphor icon wrapper for R documents and applications\n- [duongdev/phosphor-react-native](https://github.com/duongdev/phosphor-react-native) ▲ Phosphor icon component library for React Native\n- [haruaki07/phosphor-svelte](https://github.com/haruaki07/phosphor-svelte) ▲ Phosphor icons for Svelte apps\n- [IgnaceMaes/ember-phosphor-icons](https://github.com/IgnaceMaes/ember-phosphor-icons) ▲ Phosphor icons for Ember apps\n- [iota-uz/icons](https://github.com/iota-uz/icons) ▲ Phosphor icons as Templ components (Go)\n- [jajuma/phosphorhyva](https://github.com/JaJuMa-GmbH/phosphor-hyva) ▲ Phosphor icons for Magento 2 \u0026 Mage-OS with Hyvä Theme\n- [lucagoslar/phosphor-css](https://github.com/lucagoslar/phosphor-css) ▲ CSS wrapper for Phosphor SVG icons\n- [maful/ruby-phosphor-icons](https://github.com/maful/ruby-phosphor-icons) ▲ Phosphor icons for Ruby and Rails applications\n- [meadowsys/phosphor-svgs](https://github.com/meadowsys/phosphor-svgs) ▲ Phosphor icons as Rust string constants\n- [mwood/tamagui-phosphor-icons](https://github.com/mwood23/tamagui-phosphor-icons) ▲ Phosphor icons for Tamagui\n- [noozo/phosphoricons_elixir](https://github.com/noozo/phosphoricons_elixir) ▲ Phosphor icons as SVG strings for Elixir/Phoenix\n- [oyedejioyewole/nuxt-phosphor-icons](https://github.com/oyedejioyewole/nuxt-phosphor-icons) ▲ Phosphor icons integration for Nuxt\n- [pepaslabs/phosphor-uikit](https://github.com/pepaslabs/phosphor-uikit) ▲ Xcode asset catalog generator for Swift/UIKit\n- [raycast/phosphor-icons](https://www.raycast.com/marinsokol/phosphor-icons) ▲ Phosphor icons Raycast extension\n- [reatlat/eleventy-plugin-phosphoricons](https://github.com/reatlat/eleventy-plugin-phosphoricons) ▲ An Eleventy shortcode plugin to embed icons as inline SVGs\n- [robruiz/wordpress-phosphor-icons-block](https://github.com/robruiz/phosphor-icons-block) ▲ Phosphor icon block for use in WordPress v5.8+\n- [sachaw/solid-phosphor](https://github.com/sachaw/solid-phosphor) ▲ Phosphor icons for SolidJS\n- [SeanMcP/phosphor-astro](https://github.com/SeanMcP/phosphor-astro) ▲ Phosphor icons as Astro components\n- [SorenHolstHansen/phosphor-leptos](https://github.com/SorenHolstHansen/phosphor-leptos) ▲ Phosphor icon component library for Leptos apps (Rust)\n- [vnphanquang/phosphor-icons-tailwindcss](https://github.com/vnphanquang/phosphor-icons-tailwindcss) ▲ TailwindCSS plugin for Phosphor icons\n- [wireui/phosphoricons](https://github.com/wireui/phosphoricons) ▲ Phosphor icons for Laravel\n\nIf you've made a port of Phosphor and you want to see it here, just open a PR [here](https://github.com/phosphor-icons/homepage)!\n\n## License\n\nMIT © [Phosphor Icons](https://github.com/phosphor-icons)\n\u003c!-- END_LINKS --\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fphosphor-icons%2Fflutter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fphosphor-icons%2Fflutter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fphosphor-icons%2Fflutter/lists"}