Vue Phosphor icons

Phosphor is a flexible icon family for interfaces, diagrams, presentations, whatever, really. Check out our playground in StackBlitz and start experimenting! Although we strongly advise against installing your icons globally. Phosphor takes advantage of Vue's provide/inject options to make applying a default style to all icons simple. Create a provided object or function at the root of the app (or anywhere above the icons in the tree) that returns a configuration object with props to be applied by default to all icons in the tree. You may create multiple providers for styling icons differently in separate regions of an application; icons use the nearest provider above them to determine their style.