{"id":24572012,"url":"https://github.com/gronxb/react-native-icons-builder","last_synced_at":"2025-04-23T03:11:51.098Z","repository":{"id":257384609,"uuid":"848156864","full_name":"gronxb/react-native-icons-builder","owner":"gronxb","description":"Generate React Native icons CLI from React Icons","archived":false,"fork":false,"pushed_at":"2024-09-19T06:01:02.000Z","size":9626,"stargazers_count":8,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-21T08:02:45.563Z","etag":null,"topics":["react-icons","react-native","react-native-icons"],"latest_commit_sha":null,"homepage":"https://react-icons.github.io/react-icons/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/gronxb.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-08-27T08:36:23.000Z","updated_at":"2025-03-14T12:51:51.000Z","dependencies_parsed_at":null,"dependency_job_id":"d0c6b0db-c8d7-4db9-a258-d5273bf90e16","html_url":"https://github.com/gronxb/react-native-icons-builder","commit_stats":null,"previous_names":["gronxb/react-native-icons-builder"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gronxb%2Freact-native-icons-builder","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gronxb%2Freact-native-icons-builder/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gronxb%2Freact-native-icons-builder/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gronxb%2Freact-native-icons-builder/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gronxb","download_url":"https://codeload.github.com/gronxb/react-native-icons-builder/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250360498,"owners_count":21417721,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["react-icons","react-native","react-native-icons"],"created_at":"2025-01-23T18:50:22.381Z","updated_at":"2025-04-23T03:11:51.084Z","avatar_url":"https://github.com/gronxb.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# react-native-icons-builder\n[![NPM](https://img.shields.io/npm/v/react-native-icons-builder)](https://www.npmjs.com/package/react-native-icons-builder)\n\n\n\n## Introduction\n`react-native-icons-builder` is a CLI tool designed to generate React Native icons from the `react-icons` library.  \nIt uses SWC to transform the React Icons code into React Native components.  \n\nhttps://react-icons.github.io/react-icons/\n\nCheck out the icons you want here and enter the following command:\n```sh\n\u003e npx react-native-icons-builder@latest add AiFillApple\n```\n![react-native-icons-builder](https://github.com/gronxb/react-native-icons-builder/blob/main/demo.gif)\n\n\n\n\n## Motivation\n\n* **React Icons are not natively compatible with React Native:** React Icons is a popular library for web applications but doesn’t work out of the box with React Native. This tool provides a way to transform React Icons into React Native components, making them usable without unnecessary overhead.\n\n* **Metro doesn’t support Tree Shaking effectively:** Metro, the bundler used in React Native, lacks efficient Tree Shaking capabilities. Therefore, bundling all of the React Icons together could lead to increased bundle sizes. This tool minimizes bundle size by allowing you to install only the icons you need directly into your project.\n\n## Key Features\n\n* Supports all icons available in the React Icons library.\n* Designed with zero external dependencies (except for `react-native-svg`).\n* No native code is involved, making it simple to integrate.\n\n## Usage\n* Basic\n```sh\n\u003e npm install react-native-svg # or use pnpm or yarn\n\u003e npx react-native-icons-builder@latest add AiFillApple # visit https://react-icons.github.io/react-icons/\n```\n\n* Multiple Prefix\n```sh\n\u003e npm install react-native-svg react-native-icons-builder # or use pnpm or yarn\n\u003e npx react-native-icons-builder@latest add Fa500Px\n\u003e ◆  Pick a prefix.\n\u003e │  ● fa\n\u003e │  ○ fa6\n\u003e └\n\n# or\n\u003e npx react-native-icons-builder@latest add fa/Fa500Px\n# or\n\u003e npx react-native-icons-builder@latest fa6/Fa500Px\n```\n\n\n* Shorthand\n```sh\n\u003e npm install react-native-svg react-native-icons-builder # or use pnpm or yarn\n\u003e npm run rn-icons add AiFillApple # visit https://react-icons.github.io/react-icons/\n```\n\n\n## Credit\nThis project is based on `react-icons`.  \nhttps://github.com/react-icons/react-icons  \nThank you to `react-icons`.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgronxb%2Freact-native-icons-builder","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgronxb%2Freact-native-icons-builder","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgronxb%2Freact-native-icons-builder/lists"}