{"repo":"duongdev/phosphor-react-native","free":true,"listed":false,"github":"https://github.com/duongdev/phosphor-react-native","clone":"git clone https://github.com/duongdev/phosphor-react-native.git","description":"phosphor-icons for react-native. A flexible icon family for React Native","language":"TypeScript","stars":268,"topics":["react","react-native","icons","phosphoricons","svg-icons","svg"],"license":"MIT","category":"mobile-apps","readme_excerpt":"phosphor-react-native Phosphor is a flexible icon family for interfaces, diagrams, presentations — whatever, really. Explore all our icons at phosphoricons.com. Inspired by @phosphor-icons/react. This package ships 1512 icons in 6 weights, generated from @phosphor-icons/core. Installation or Expo: Usage Import the icons you need, and add them anywhere in your render method. Bundle size Metro does not tree-shake by default, so the import above pulls all 1512 icons into your bundle even if you use three of them. See #61. Two ways to avoid that: 1. Import each icon directly — works on every setup, no configuration: 2. Enable Expo's experimental tree-shaking — see the Expo guide. Then the barrel import is just as small. Measured with yarn bundle-bench (real Metro, iOS, minified, v3.0.5): Scenario Bundle vs baseline --- --- --- Barrel import, 1 icon, no tree-shaking 8597 kB +182% Barrel import, 3 icons, no tree-shaking 8598 kB +182% Direct import, 1 icon, no tree-shaking 1876 kB +10% Barrel import, 1 icon, tree-shaking on 1854 kB +10% Icons are generated per icon, not per weight, so a single icon always carries all 6 weights. Typescript support If you get this error... Add this code to your global.d.ts file Module augmentation merges into the existing interface, so declare only the extra members — writing interface SvgProps extends DefaultSvgProps makes the type reference itself ( TS2310 ). Props Icons are styled with the following props: - color? : string – Icon stroke/fill color","default_branch":null,"files":null,"tree":[],"storefront":"/r/duongdev","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/duongdev/phosphor-react-native/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."}