Phosphor is a flexible icon family for interfaces, diagrams, presentations, whatever, really. We designed the icon library we always wanted to use. Easy to pick up and plug in. Truly consistent in style and scale. Flexible to multiple sizes and weights. Reserved enough to be multi-purpose, but a little quirky, too. Simply import the icons you need, and add them anywhere in your render method. Phosphor supports tree-shaking, so your bundle only includes code for the icons you use. Icon components accept all props that you can pass to a normal SVG element, including inline style objects, onClick handlers, and more. Phosphor takes advantage of React Context to make applying a default style to all icons simple. Create an IconContext.Provider at the root of the app (or anywhere above the icons in the tree) and pass in a configuration object with props to be applied by default to all icons.

Features

  • Icon stroke/fill color
  • Can be any CSS color string
  • You may create multiple Contexts for styling icons differently in separate regions of an application
  • Components can accept arbitrary SVG elements as children, so long as they are valid children of the <svg> element
  • You may wish to import all icons at once for use in your project
  • Phosphor is a flexible icon family for interfaces

Project Samples

Project Activity

See All Activity >

Categories

Icon Sets

License

MIT License

Follow phosphor-react

phosphor-react Web Site

Other Useful Business Software
Our Free Plans just got better! | Auth0 Icon
Our Free Plans just got better! | Auth0

With up to 25k MAUs and unlimited Okta connections, our Free Plan lets you focus on what you do best—building great apps.

You asked, we delivered! Auth0 is excited to expand our Free and Paid plans to include more options so you can focus on building, deploying, and scaling applications without having to worry about your security. Auth0 now, thank yourself later.
Try free now
Rate This Project
Login To Rate This Project

User Reviews

Be the first to post a review of phosphor-react!

Additional Project Details

Programming Language

TypeScript

Related Categories

TypeScript Icon Sets

Registered

2023-02-10