{"id":21597281,"url":"https://github.com/spheresoftware/rebel-icons","last_synced_at":"2025-04-11T00:52:10.125Z","repository":{"id":57349050,"uuid":"64865757","full_name":"SphereSoftware/rebel-icons","owner":"SphereSoftware","description":"http://rebel-icons.com/","archived":false,"fork":false,"pushed_at":"2016-12-06T22:36:40.000Z","size":13117,"stargazers_count":11,"open_issues_count":0,"forks_count":0,"subscribers_count":170,"default_branch":"master","last_synced_at":"2025-04-11T00:52:04.398Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/SphereSoftware.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-08-03T17:34:53.000Z","updated_at":"2019-08-29T19:09:02.000Z","dependencies_parsed_at":"2022-08-31T22:00:30.923Z","dependency_job_id":null,"html_url":"https://github.com/SphereSoftware/rebel-icons","commit_stats":null,"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SphereSoftware%2Frebel-icons","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SphereSoftware%2Frebel-icons/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SphereSoftware%2Frebel-icons/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SphereSoftware%2Frebel-icons/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/SphereSoftware","download_url":"https://codeload.github.com/SphereSoftware/rebel-icons/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248322609,"owners_count":21084336,"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":[],"created_at":"2024-11-24T18:08:38.312Z","updated_at":"2025-04-11T00:52:10.106Z","avatar_url":"https://github.com/SphereSoftware.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# rebel-icons\n\nInclude pixel perfect icons in your React projects easily with `rebel-icons`.\nUse ES6 imports and include only the icons that your project is using.\n\n![RebelIcons](/media/rebel-icons.png)\n\nUse `React Higher Order` component to adjust your icons defaults.\nOverride an attribute if needed and even more... with `Rebel Icons`.\n\n## Dependencies\n\nThis library designed to be used with `React`, you don't need any other packages to use this icons.\n\n## Installation\n\nWe distribute this package as `npm` package. In order to use it you just need to install it as\nany other project in your system.\n\n    npm install rebel-icons --save\n\n## Usage\n\nYou can easily add `rebel-icons` to any Component in you app, just import it, and you good to go.\n\n```javascript\nimport Icon from 'rebel-icons';\n\nclass OneAwesomeComponent extends Component {\n  render() {\n    return \u003ch3\u003e Lets do some \u003cIcon icon=\"RubyIcon\" /\u003e\u003c/h3\u003e\n  }\n}\n```\n\n## Configuration\n\nAll components use `IconBase`, so you can use `Context` to provide some defaults to your project.\nYour can use one of your root component to set this configuration.\n\n```js\nexport default class RootComponent extends Component {\n  static childContextTypes = {\n    rebelIconsBase: PropTypes.object\n  };\n\n  getChildContext() {\n    return {\n      rebelIconsBase: {\n        color: 'grey',\n        size: 64,\n        style: {\n          ...\n        }\n      }\n    }\n  }\n  ...\n}\n```\n\nIf you want to reduce the size of your bundle and you are using [webpack](https://webpack.github.io/)\nyou can use [ContextReplacementPlugin](https://webpack.github.io/docs/list-of-plugins.html#contextreplacementplugin)\nto specify the list of Rebel Icons that you want to use.\n\n```js\n// Webpack_config.js\n \nconst Icons = ['rebel', 'js', 'ruby', ...];\nconst regExp = new RegExp(`(?:${Icons.join('|')})Icon`, 'i');\n\nplugins: [\n  ...\n  new webpack.ContextReplacementPlugin(/rebel-icons[\\/\\\\]rebel-lib$/, regExp)\n]\n```\n\n# ![rebel](media/rebel.png)\n\n## Getting help\n\nIf you have questions, concerns, bug reports, etc, please file an issue in this repository's\nIssue Tracker. We appreciate all feedback and will be glad to help if we can.\n\n## Getting involved\n\n- [ ] Fork it!\n- [ ] Create your feature branch: git checkout -b my-new-feature\n- [ ] Commit your changes: git commit -am 'Add some feature'\n- [ ] Push to the branch: git push origin my-new-feature\n- [ ] Submit a pull request :D\n\nGeneral instructions on _how_ to contribute can be found here [CONTRIBUTING](CONTRIBUTING.md).\n\n## Contributors\n\n| \u003ca href=\"https://www.linkedin.com/in/alla-odeyanenko-3171762a\" target=\"_blank\"\u003e**Alla Odeyanenko**\u003c/a\u003e | \u003ca href=\"https://github.com/shemerey\" target=\"_blank\"\u003e**Anton Shemerey**\u003c/a\u003e | \u003ca href=\"https://github.com/AleksandrZhukov\" target=\"_blank\"\u003e**Aleksandr Zhukov**\u003c/a\u003e |\n| :---: |:---:| :---:|\n| [\u003cimg src=\"https://cloud.githubusercontent.com/assets/31591/19243437/5f73b314-8f20-11e6-953e-c64ee0583ea8.jpg\" width=\"200\" height=\"200\"\u003e](https://www.linkedin.com/in/alla-odeyanenko-3171762a) | [![Anton Shemerey](https://avatars3.githubusercontent.com/u/31591?v=3\u0026s=200)](https://github.com/shemerey) | [![Aleksandr Zhukov](https://avatars1.githubusercontent.com/u/8876116?v=3\u0026s=200)](https://github.com/AleksandrZhukov)\n| \u003ca href=\"https://www.linkedin.com/in/alla-odeyanenko-3171762a\" target=\"_blank\"\u003e`https://www.linkedin.com/in/alla-odeyanenko`\u003c/a\u003e | \u003ca href=\"https://github.com/shemerey\" target=\"_blank\"\u003e`https://github.com/shemerey`\u003c/a\u003e | \u003ca href=\"https://github.com/AleksandrZhukov\" target=\"_blank\"\u003e`https://github.com/AleksandrZhukov`\u003c/a\u003e\n\n----\n\n## LICENSE\n\nThis project released under MIT [LICENSE](LICENSE.md)\n\n----\n\n## Credits and references\n\n1. [react-icons](https://github.com/gorangajic/react-icons)\n2. [Devicon](http://devicon.fr)\n\n### FAQ.\n\n* Where is the font? `Rebel Icons` doesn’t come as a font we are target `React` only.\n* Is `Rebel Icons` free even for commercial use? Yes, absolutely.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fspheresoftware%2Frebel-icons","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fspheresoftware%2Frebel-icons","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fspheresoftware%2Frebel-icons/lists"}