{"repo":"phosphor-icons/react","free":true,"listed":false,"github":"https://github.com/phosphor-icons/react","clone":"git clone https://github.com/phosphor-icons/react.git","description":"A flexible icon family for React","language":"TypeScript","stars":1722,"topics":["icons","icon-pack","react","reactjs","svg","svg-icons","icon-font"],"license":"MIT","category":"ui-components","readme_excerpt":"[!IMPORTANT] As part of a major update, we will be replacing the existing phosphor-react package with @phosphor-icons/react . We recommend using this new version, as it has improved performance and a significantly smaller bundle size. No APIs have been changed, so drop-in replacement should be straightforward. The legacy package will continue to receive maintenance, but will not be updated with new icons upstream. Take me to the legacy version ➜ @phosphor-icons/react Phosphor is a flexible icon family for interfaces, diagrams, presentations — whatever, really. Explore all our icons at phosphoricons.com. Installation Usage 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. Import Performance Optimization When importing icons during development directly from the main module @phosphor-icons/react , some bundlers may eagerly transpile all 9,000+ modules exported by the package. This behavior can drastically increase compilation time. To avoid transpiling all modules, import individual icons from their specific file paths instead: Next.js Specific Optimizations If you're using Next.js 13+, consider using optimizePackageImports in your next.config.js to have Next.js only load the modules that you are actually using. With this approach, you can use @phosphor-icons/react directly without causing Next.js to compile all its modules: React Server Components and SSR When u","default_branch":null,"files":null,"tree":[],"storefront":"/r/phosphor-icons","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/phosphor-icons/react/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}