Download
Phosphor is a flexible icon family for interfaces, diagrams, presentations, whatever, really. Explore all our icons at Phosphor Icons Web website. We use a similar approach as many other icon sets out there, providing icons as several webfonts that uses Unicode's Private Use Area character codes to map normally non-rendering characters to icons. Simply add one or more weights by including its stylesheet to the document head, and drop in icons with an i tag and the appropriate classes for the weight and the icon. Phosphor Icons come in 6 weights: regular, thin, light, bold, fill, and duotone. In order to use a weight, you must include a link to its stylesheet, and use the appropriate weight class on the icon (the regular weight uses .ph instead of .ph-regular).
Features
- Since the icons are just text under the hood, they can be colored and styled with CSS like any other font
- If your environment supports loading CSS files as modules, icon weights can be imported for effect from the package
- If you intend to use all 6 weights, they can be made available by including the library as a script tag
- Phosphor Icons come in 6 weights: regular, thin, light, bold, fill, and duotone
- In order to use a weight, you must include a link to its stylesheet
- We provide icons as several webfonts that use Unicode's Private Use Area character codes
Project Samples
