{"_id":"@accessitech/react-icons","_rev":"13-c32d72cc128313ff9a9b8528f83fae1e","time":{"created":"2023-06-07T02:16:57.071Z","1.0.0":"2023-06-06T19:18:19.955Z","modified":"2023-06-15T23:37:36.311Z","1.0.1":"2023-06-06T20:58:37.521Z","1.0.2":"2023-06-06T22:58:07.838Z","1.0.3":"2023-06-07T02:16:57.572Z","1.0.4-alpha.0":"2023-06-08T21:22:35.111Z","1.0.4-alpha.1":"2023-06-09T04:17:24.368Z","1.0.4-alpha.2":"2023-06-13T22:21:41.662Z","1.0.4-alpha.3":"2023-06-13T22:24:22.067Z","1.0.4":"2023-06-13T22:29:57.283Z","1.0.5":"2023-06-15T23:37:35.938Z"},"name":"@accessitech/react-icons","dist-tags":{"latest":"1.0.5"},"versions":{"1.0.3":{"name":"@accessitech/react-icons","version":"1.0.3","description":"SVG React icons of popular icon packs using ES6 imports","author":{"name":"Goran Gajic"},"contributors":[{"name":"AccessiTech LLC","email":"accessit3ch@gmail.com"},{"name":"kamijin_fanta","email":"kamijin@live.jp"}],"license":"MIT","main":"lib/cjs/index.js","module":"lib/esm/index.js","types":"lib/esm/index.d.ts","sideEffects":false,"repository":{"type":"git","url":"git+ssh://git@github.com/accessitech/react-icons.git"},"bugs":{"url":"https://github.com/accessitech/react-icons/issues"},"homepage":"https://github.com/accessitech/react-icons#readme","peerDependencies":{"react":"*"},"gitHead":"490dca16e02475c7d6a865c86e96ca0bbc39a00b","_id":"@accessitech/react-icons@1.0.3","_nodeVersion":"16.17.1","_npmVersion":"8.15.0","dist":{"integrity":"sha512-7Vtp35ZYRrP3mI+iNkiv7dSlaFo3+wXx7Wip6PvS7upIUm3vfy0kR9nV0cFaqQYdslPkWPaH9rSepiOg8Ti4vQ==","shasum":"31f8ac2db10df84b236515e39313d077e8f86e85","tarball":"https://registry.npmjs.org/@accessitech/react-icons/-/react-icons-1.0.3.tgz","fileCount":139,"unpackedSize":61212012,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDeU/WK8TnYgG1iGeXPCd8cpHea6si9FeLfayd9m/4e2QIhANDM/v7RdxEta6Sl398su5bvDUZKSSMWRFHKh18Efthn"}]},"_npmUser":{"name":"accessitech","email":"accessiT3ch@gmail.com"},"directories":{},"maintainers":[{"name":"accessitech","email":"accessiT3ch@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-icons_1.0.3_1686104217132_0.7626146070042352"},"_hasShrinkwrap":false},"1.0.4-alpha.0":{"name":"@accessitech/react-icons","version":"1.0.4-alpha.0","description":"SVG React icons of popular icon packs using ES6 imports","author":{"name":"Goran Gajic"},"contributors":[{"name":"AccessiTech LLC","email":"accessit3ch@gmail.com"},{"name":"kamijin_fanta","email":"kamijin@live.jp"}],"license":"MIT","main":"lib/cjs/index.js","module":"lib/esm/index.js","types":"lib/esm/index.d.ts","sideEffects":false,"repository":{"type":"git","url":"git+ssh://git@github.com/accessitech/react-icons.git"},"bugs":{"url":"https://github.com/accessitech/react-icons/issues"},"homepage":"https://github.com/accessitech/react-icons#readme","peerDependencies":{"react":"*"},"gitHead":"902e1a30043fd88cf4aab86f2be4917251f7c3b3","_id":"@accessitech/react-icons@1.0.4-alpha.0","_nodeVersion":"16.17.1","_npmVersion":"8.15.0","dist":{"integrity":"sha512-KQAtSFJrcAl4O5d146N7J8uEryOHKna7Ay1d9yILi0fnvDKquJ0/wTvi2IpP9IEDzhwkNIQCjCYcGfV+mfYeAg==","shasum":"30c6eb19885ccb71676ad13656caab27acb0b760","tarball":"https://registry.npmjs.org/@accessitech/react-icons/-/react-icons-1.0.4-alpha.0.tgz","fileCount":139,"unpackedSize":61213476,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCNRcI3JCPyU2B2fe0qiG8lebV/n80/n5lGUb7SlZ9h2AIgd5RxPq6J2NE6xT2NtnI0zAyPUDhzfWsf5cxeJQckyvA="}]},"_npmUser":{"name":"accessitech","email":"accessiT3ch@gmail.com"},"directories":{},"maintainers":[{"name":"accessitech","email":"accessiT3ch@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-icons_1.0.4-alpha.0_1686259354694_0.9005398486749365"},"_hasShrinkwrap":false},"1.0.4-alpha.1":{"name":"@accessitech/react-icons","version":"1.0.4-alpha.1","description":"SVG React icons of popular icon packs using ES6 imports","author":{"name":"Goran Gajic"},"contributors":[{"name":"AccessiTech LLC","email":"accessit3ch@gmail.com"},{"name":"kamijin_fanta","email":"kamijin@live.jp"}],"license":"MIT","main":"lib/cjs/index.js","module":"lib/esm/index.js","types":"lib/esm/index.d.ts","sideEffects":false,"repository":{"type":"git","url":"git+ssh://git@github.com/accessitech/react-icons.git"},"bugs":{"url":"https://github.com/accessitech/react-icons/issues"},"homepage":"https://github.com/accessitech/react-icons#readme","peerDependencies":{"react":"*"},"scripts":{"pack":"npm pack","publish":"npm publish"},"_id":"@accessitech/react-icons@1.0.4-alpha.1","_nodeVersion":"16.17.1","_npmVersion":"6.14.18","dist":{"integrity":"sha512-yrXoOiaz/qV6Ate+F2tLqwDc9Ejy7HX9ERjV9Pyi1ToOB5/ijNkVeYwzAdbn9MTYpnukmeo6OxCBL5jU1i1C0A==","shasum":"b61d56f8a2fbc1004a56b73c1a76812322650fe5","tarball":"https://registry.npmjs.org/@accessitech/react-icons/-/react-icons-1.0.4-alpha.1.tgz","fileCount":139,"unpackedSize":61214321,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCDimVDuWjAPUqPanz6jZcGxt1avH6mvgE32iWupW5I2wIgS9h0SGvvIHFVNmJgCkcHPwZ4uLiXXhXroo1Kwh+izJE="}]},"_npmUser":{"name":"accessitech","email":"accessiT3ch@gmail.com"},"directories":{},"maintainers":[{"name":"accessitech","email":"accessiT3ch@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-icons_1.0.4-alpha.1_1686284243960_0.08946070190976374"},"_hasShrinkwrap":false},"1.0.4-alpha.2":{"name":"@accessitech/react-icons","version":"1.0.4-alpha.2","description":"SVG React icons of popular icon packs using ES6 imports","author":{"name":"Goran Gajic"},"contributors":[{"name":"AccessiTech LLC","email":"accessit3ch@gmail.com"},{"name":"kamijin_fanta","email":"kamijin@live.jp"}],"license":"MIT","main":"lib/cjs/index.js","module":"lib/esm/index.js","types":"lib/esm/index.d.ts","sideEffects":false,"repository":{"type":"git","url":"git+ssh://git@github.com/accessitech/react-icons.git"},"bugs":{"url":"https://github.com/accessitech/react-icons/issues"},"homepage":"https://github.com/accessitech/react-icons#readme","peerDependencies":{"react":"*"},"scripts":{"pack":"npm pack","publish":"npm publish"},"_id":"@accessitech/react-icons@1.0.4-alpha.2","_nodeVersion":"17.9.0","_npmVersion":"6.14.18","dist":{"integrity":"sha512-ukXQE2XQt+hXtK83ecKmPhp3XbvvWWTU9O0FJxkSAiAhQAm/y3OkVs5WHCbW2bcTzxeI5CE7UONwYDTIyhNe5g==","shasum":"1d076e6ae659a643fda43edbf27f1ca1022f93bc","tarball":"https://registry.npmjs.org/@accessitech/react-icons/-/react-icons-1.0.4-alpha.2.tgz","fileCount":139,"unpackedSize":61214321,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCX3GeBTmpLFlwKFB1jzkli1GGKIFnGpMaMbvvMrkUNZAIhAJ5uYp293taMgaHbx937Wyd6v5t+OjpHOwIkseAYydzW"}]},"_npmUser":{"name":"accessitech","email":"accessiT3ch@gmail.com"},"directories":{},"maintainers":[{"name":"accessitech","email":"accessiT3ch@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-icons_1.0.4-alpha.2_1686694901106_0.39325801801185123"},"_hasShrinkwrap":false},"1.0.4-alpha.3":{"name":"@accessitech/react-icons","version":"1.0.4-alpha.3","description":"SVG React icons of popular icon packs using ES6 imports","author":{"name":"Goran Gajic"},"contributors":[{"name":"AccessiTech LLC","email":"accessit3ch@gmail.com"},{"name":"kamijin_fanta","email":"kamijin@live.jp"}],"license":"MIT","main":"lib/cjs/index.js","module":"lib/esm/index.js","types":"lib/esm/index.d.ts","sideEffects":false,"repository":{"type":"git","url":"git+ssh://git@github.com/accessitech/react-icons.git"},"bugs":{"url":"https://github.com/accessitech/react-icons/issues"},"homepage":"https://github.com/accessitech/react-icons#readme","peerDependencies":{"react":"*"},"scripts":{"pack":"npm pack","publish":"npm publish"},"_id":"@accessitech/react-icons@1.0.4-alpha.3","_nodeVersion":"17.9.0","_npmVersion":"6.14.18","dist":{"integrity":"sha512-qMRbwv2uHQOCN+YIX8qQWA6qzaY26+tHiHRn0WHbj9n+szrjTQ02IfUOb/2s9ErCRumXu+E7YOCeEuIUvIuRpw==","shasum":"6be357001cbe2e6aacd15feae568351d949d7336","tarball":"https://registry.npmjs.org/@accessitech/react-icons/-/react-icons-1.0.4-alpha.3.tgz","fileCount":139,"unpackedSize":61214321,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHebRaJbrARBhCUrB1Zfu7vWjfBtbrvmo5x/ZvEZXp0iAiAmuzAiHeBmPx1src0pw3fej5NP/eSZPshmqxWzNZbbRw=="}]},"_npmUser":{"name":"accessitech","email":"accessiT3ch@gmail.com"},"directories":{},"maintainers":[{"name":"accessitech","email":"accessiT3ch@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-icons_1.0.4-alpha.3_1686695061627_0.2333782068507193"},"_hasShrinkwrap":false},"1.0.4":{"name":"@accessitech/react-icons","version":"1.0.4","description":"SVG React icons of popular icon packs using ES6 imports","author":{"name":"Goran Gajic"},"contributors":[{"name":"AccessiTech LLC","email":"accessit3ch@gmail.com"},{"name":"kamijin_fanta","email":"kamijin@live.jp"}],"license":"MIT","main":"lib/cjs/index.js","module":"lib/esm/index.js","types":"lib/esm/index.d.ts","sideEffects":false,"repository":{"type":"git","url":"git+ssh://git@github.com/accessitech/react-icons.git"},"bugs":{"url":"https://github.com/accessitech/react-icons/issues"},"homepage":"https://github.com/accessitech/react-icons#readme","peerDependencies":{"react":"*"},"scripts":{"pack":"npm pack","publish":"npm publish"},"_id":"@accessitech/react-icons@1.0.4","_nodeVersion":"17.9.0","_npmVersion":"6.14.18","dist":{"integrity":"sha512-dfbq0PMWtI2cpAplwrg47m6NT2oOkcl8gNEjmCCInoZuDebA9CSm024aoerzK7DlQYjEFLGkb4zLGOfiv7ye/w==","shasum":"a24ca0efa9fffacac35bae68c16786a8e606ae06","tarball":"https://registry.npmjs.org/@accessitech/react-icons/-/react-icons-1.0.4.tgz","fileCount":139,"unpackedSize":61214313,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFSeVBszYwJwTOKRGeU+tRbmWHyLTb+3aaZKHuYkZ/+eAiEA+uYU1+L2HofUTDBT+gQuZwJn36yF5+RtUmUrIg7UQU4="}]},"_npmUser":{"name":"accessitech","email":"accessiT3ch@gmail.com"},"directories":{},"maintainers":[{"name":"accessitech","email":"accessiT3ch@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-icons_1.0.4_1686695396825_0.9436301734078298"},"_hasShrinkwrap":false},"1.0.5":{"name":"@accessitech/react-icons","version":"1.0.5","description":"SVG React icons of popular icon packs using ES6 imports","author":{"name":"Goran Gajic"},"contributors":[{"name":"AccessiTech LLC","email":"accessit3ch@gmail.com"},{"name":"kamijin_fanta","email":"kamijin@live.jp"}],"license":"MIT","main":"lib/cjs/index.js","module":"lib/esm/index.js","types":"lib/esm/index.d.ts","sideEffects":false,"repository":{"type":"git","url":"git+ssh://git@github.com/accessitech/react-icons.git"},"bugs":{"url":"https://github.com/accessitech/react-icons/issues"},"homepage":"https://github.com/accessitech/react-icons#readme","peerDependencies":{"react":"*"},"scripts":{"pack":"npm pack","publish":"npm publish"},"_id":"@accessitech/react-icons@1.0.5","_nodeVersion":"17.9.0","_npmVersion":"6.14.18","dist":{"integrity":"sha512-wSUc6RKMNWELoRGSYJLf7Ig2PR0spzmRApV4pWewzZUYb41UOl2gn2VA3u4+26kPY3yWNW46vV/SPsybrHXBAw==","shasum":"3ab6c6ff6f055ba4c2faf1ed1af4dd6e057bf832","tarball":"https://registry.npmjs.org/@accessitech/react-icons/-/react-icons-1.0.5.tgz","fileCount":139,"unpackedSize":61214313,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCySXMVzaokEn4cF/FzA7wvqub+ZQ7Xz+ajhN70wMNL2QIhAMhRePNER6tf2ZTt4J/X7iwiDH2IJVz0FlBb8/boRs9v"}]},"_npmUser":{"name":"accessitech","email":"accessiT3ch@gmail.com"},"directories":{},"maintainers":[{"name":"accessitech","email":"accessiT3ch@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-icons_1.0.5_1686872255491_0.2435274682184807"},"_hasShrinkwrap":false}},"maintainers":[{"name":"accessitech","email":"accessiT3ch@gmail.com"}],"description":"SVG React icons of popular icon packs using ES6 imports","homepage":"https://github.com/accessitech/react-icons#readme","repository":{"type":"git","url":"git+ssh://git@github.com/accessitech/react-icons.git"},"contributors":[{"name":"AccessiTech LLC","email":"accessit3ch@gmail.com"},{"name":"kamijin_fanta","email":"kamijin@live.jp"}],"author":{"name":"Goran Gajic"},"bugs":{"url":"https://github.com/accessitech/react-icons/issues"},"license":"MIT","readme":"<img src=\"./accessitech-react-icons.svg\" width=\"120\" alt=\"React Icons\">\n\n# [React Icons](https://react-icons.github.io/react-icons)\n\n[![npm][npm-image]][npm-url]\n\n[npm-image]: https://img.shields.io/npm/v/@accessitech/react-icons.svg?style=flat-square\n[npm-url]: https://www.npmjs.com/package/@accessitech/react-icons\n\nInclude popular icons in your React projects easily with `react-icons`, which utilizes ES6 imports that allows you to include only the icons that your project is using.\n\nThis repository is an accessibility focused version of the original [react-icons](https://github.com/react-icons/react-icons) library. It is a fork of the original react-icons library with the following changes:\n\n- All icons are exported as `<svg>` elements with a `<title>` tag which defaults to \"Icon\" if no title is provided by the developer.\n- Build scripts have been added and modified to streamline setup and contribution.\n\n## Installation (for standard modern project)\n\n```bash\nyarn add @accessitech/react-icons\n# or\nnpm install @accessitech/react-icons --save\n```\n\n### Example usage\n\n```jsx\nimport { IconContext } from \"@accessitech/react-icons\";\nimport { FaBeer } from \"@accessitech/react-icons/fa\";\n\nfunction Question() {\n  return (\n    <IconContext.Provider>\n      <h3>\n        Lets go for a <FaBeer />?\n      </h3>\n    </IconContext.Provider>\n  );\n}\n```\n\n[View the documentation](https://react-icons.github.io/react-icons) for further usage examples and how to use icons from other packages. _NOTE_: each Icon package has it's own subfolder under `react-icons` you import from.\n\nFor example, to use an icon from **Material Design**, your import would be: `import { ICON_NAME } from 'react-icons/md';`\n\n## React Icons API\n\n### Icon\n\nIcon components are named by their `camelCase` equivalent and have the same props as [the original `react-icons` library](https://github.com/react-icons/react-icons/blob/master/packages/react-icons/src/iconBase.tsx#L32-L37).\n\n```ts\ninterface IconBaseProps extends React.SVGAttributes<SVGElement> {\n  children?: React.ReactNode;\n  size?: string | number;\n  color?: string;\n  title?: string;\n}\n```\n\n| Key         | Default               | Notes                              |\n| ----------- | --------------------- | ---------------------------------- |\n| `color`     | `undefined` (inherit) |                                    |\n| `size`      | `1em`                 |                                    |\n| `className` | `undefined`           |                                    |\n| `style`     | `undefined`           | Can overwrite size and color       |\n| `attr`      | `undefined`           | Overwritten by other attributes    |\n| `title`     | `undefined`           | Icon description for accessibility |\n\n### IconContext.Provider\n\nThe `IconContext.Provider` component allows you to easily customize the props of all child icon components using[React Context API](https://reactjs.org/docs/context.html), and has the same props as [the original `react-icons` library](https://github.com/react-icons/react-icons/blob/master/packages/react-icons/src/iconContext.tsx#L3-L9).\n\n```ts\ninterface IconContext {\n  color?: string;\n  size?: string;\n  className?: string;\n  style?: React.CSSProperties;\n  attr?: React.SVGAttributes<SVGElement>;\n}\n```\n\n| Key         | Default               | Notes                           |\n| ----------- | --------------------- | ------------------------------- |\n| `color`     | `undefined` (inherit) |                                 |\n| `size`      | `1em`                 |                                 |\n| `className` | `undefined`           |                                 |\n| `style`     | `undefined`           | Can overwrite size and color    |\n| `attr`      | `undefined`           | Overwritten by other attributes |\n\n<!--\n## Installation (for meteorjs, gatsbyjs, etc)\n\n> **Note**\n> This option has not had a new release for some time.\n> More info <https://github.com/react-icons/react-icons/issues/593>\n\nIf your project grows in size, this option is available.\nThis method has the trade-off that it takes a long time to install the package.\n\n```bash\nyarn add @react-icons/all-files\n# or\nnpm install @react-icons/all-files --save\n```\n\nexample usage\n\n```jsx\nimport { FaBeer } from \"@react-icons/all-files/fa/FaBeer\";\n\nfunction Question() {\n  return (\n    <h3>\n      Lets go for a <FaBeer />?\n    </h3>\n  );\n}\n```\n-->\n\n## Available Icons\n\n| Icon Library                                                            | License                                                                                           | Version                                  | Count |\n| ----------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------- | ---------------------------------------- | ----: |\n| [Circum Icons](https://circumicons.com/)                                | [MPL-2.0 license](https://github.com/Klarr-Agency/Circum-Icons/blob/main/LICENSE)                 | 1.0.0                                    |   288 |\n| [Font Awesome 5](https://fontawesome.com/)                              | [CC BY 4.0 License](https://creativecommons.org/licenses/by/4.0/)                                 | 5.15.4-3-gafecf2a                        |  1612 |\n| [Ionicons 4](https://ionicons.com/)                                     | [MIT](https://github.com/ionic-team/ionicons/blob/master/LICENSE)                                 | 4.6.3                                    |   696 |\n| [Ionicons 5](https://ionicons.com/)                                     | [MIT](https://github.com/ionic-team/ionicons/blob/master/LICENSE)                                 | 5.5.0                                    |  1332 |\n| [Material Design icons](http://google.github.io/material-design-icons/) | [Apache License Version 2.0](https://github.com/google/material-design-icons/blob/master/LICENSE) | 4.0.0-61-g511eea577b                     |  4341 |\n| [Typicons](http://s-ings.com/typicons/)                                 | [CC BY-SA 3.0](https://creativecommons.org/licenses/by-sa/3.0/)                                   | 2.1.2                                    |   336 |\n| [Github Octicons icons](https://octicons.github.com/)                   | [MIT](https://github.com/primer/octicons/blob/master/LICENSE)                                     | 8.5.0                                    |   184 |\n| [Feather](https://feathericons.com/)                                    | [MIT](https://github.com/feathericons/feather/blob/master/LICENSE)                                | 4.28.0                                   |   286 |\n| [Game Icons](https://game-icons.net/)                                   | [CC BY 3.0](https://creativecommons.org/licenses/by/3.0/)                                         | 12920d6565588f0512542a3cb0cdfd36a497f910 |  4040 |\n| [Weather Icons](https://erikflowers.github.io/weather-icons/)           | [SIL OFL 1.1](http://scripts.sil.org/OFL)                                                         | 2.0.12                                   |   219 |\n| [Devicons](https://vorillaz.github.io/devicons/)                        | [MIT](https://opensource.org/licenses/MIT)                                                        | 1.8.0                                    |   192 |\n| [Ant Design Icons](https://github.com/ant-design/ant-design-icons)      | [MIT](https://opensource.org/licenses/MIT)                                                        | 4.2.1                                    |   789 |\n| [Bootstrap Icons](https://github.com/twbs/icons)                        | [MIT](https://opensource.org/licenses/MIT)                                                        | 1.10.3                                   |  2592 |\n| [Remix Icon](https://github.com/Remix-Design/RemixIcon)                 | [Apache License Version 2.0](http://www.apache.org/licenses/)                                     | 2.5.0                                    |  2271 |\n| [Flat Color Icons](https://github.com/icons8/flat-color-icons)          | [MIT](https://opensource.org/licenses/MIT)                                                        | 1.0.2                                    |   329 |\n| [Grommet-Icons](https://github.com/grommet/grommet-icons)               | [Apache License Version 2.0](http://www.apache.org/licenses/)                                     | 4.9.0                                    |   620 |\n| [Heroicons](https://github.com/tailwindlabs/heroicons)                  | [MIT](https://opensource.org/licenses/MIT)                                                        | 1.0.6                                    |   460 |\n| [Heroicons 2](https://github.com/tailwindlabs/heroicons)                | [MIT](https://opensource.org/licenses/MIT)                                                        | 2.0.16                                   |   584 |\n| [Simple Icons](https://simpleicons.org/)                                | [CC0 1.0 Universal](https://creativecommons.org/publicdomain/zero/1.0/)                           | 8.6.0                                    |  2437 |\n| [Simple Line Icons](https://thesabbir.github.io/simple-line-icons/)     | [MIT](https://opensource.org/licenses/MIT)                                                        | 2.5.5                                    |   189 |\n| [IcoMoon Free](https://github.com/Keyamoon/IcoMoon-Free)                | [CC BY 4.0 License](https://github.com/Keyamoon/IcoMoon-Free/blob/master/License.txt)             | d006795ede82361e1bac1ee76f215cf1dc51e4ca |   491 |\n| [BoxIcons](https://github.com/atisawd/boxicons)                         | [CC BY 4.0 License](https://github.com/atisawd/boxicons/blob/master/LICENSE)                      | 2.1.4                                    |   814 |\n| [css.gg](https://github.com/astrit/css.gg)                              | [MIT](https://opensource.org/licenses/MIT)                                                        | 2.0.0                                    |   704 |\n| [VS Code Icons](https://github.com/microsoft/vscode-codicons)           | [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/)                                         | 0.0.32                                   |   423 |\n| [Tabler Icons](https://github.com/tabler/tabler-icons)                  | [MIT](https://opensource.org/licenses/MIT)                                                        | 2.7.0                                    |  3455 |\n| [Themify Icons](https://github.com/lykmapipo/themify-icons)             | [MIT](https://github.com/thecreation/standard-icons/blob/master/modules/themify-icons/LICENSE)    | v0.1.2-2-g9600186                        |   352 |\n| [Radix Icons](https://icons.radix-ui.com)                               | [MIT](https://github.com/radix-ui/icons/blob/master/LICENSE)                                      | @modulz/generate-icon-lib@0.2.1          |   318 |\n\nYou can add more icons by submitting pull requests or creating issues.\n\n## Contributing\n\n`./build-script.sh` will build the whole project. See also CI scripts for more information.\n\n### Development\n\n```bash\nyarn\ncd packages/react-icons\nyarn fetch  # fetch icon sources\nyarn build\n```\n\n### Preview\n\nThe preview site is the [`react-icons`](https://react-icons.github.io/react-icons) website, built in [NextJS](https://nextjs.org/).\n\n```bash\ncd packages/react-icons\nyarn fetch\nyarn build\n\ncd ../preview\nyarn start\n```\n\n### Demo\n\nThe demo is a [Create React App](https://create-react-app.dev/) boilerplate with `react-icons` added as a dependency for easy testing.\n\n```bash\ncd packages/react-icons\nyarn fetch\nyarn build\n\ncd ../demo\nyarn start\n```\n\n### Everything\n\nTo build everything, run `./build-script.sh` or `yarn build`.\n\n## Why React SVG components instead of fonts?\n\nSVG is [supported by all major browsers](http://caniuse.com/#search=svg). With `react-icons`, you can serve only the needed icons instead of one big font file to the users, helping you to recognize which icons are used in your project.\n\n## Migrating from version 2 -> 3\n\n### Change import style\n\nImport path has changed. You need to rewrite from the old style.\n\n```jsx\n// OLD IMPORT STYLE\nimport FaBeer from \"react-icons/lib/fa/beer\";\n\nfunction Question() {\n  return (\n    <h3>\n      Lets go for a <FaBeer />?\n    </h3>\n  );\n}\n```\n\n```jsx\n// NEW IMPORT STYLE\nimport { FaBeer } from \"react-icons/fa\";\n\nfunction Question() {\n  return (\n    <h3>\n      Lets go for a <FaBeer />?\n    </h3>\n  );\n}\n```\n\nEnding up with a large JS bundle? Check out [this issue](https://github.com/react-icons/react-icons/issues/154).\n\n### Adjustment CSS\n\nFrom version 3, `vertical-align: middle` is not automatically given. Please use IconContext to specify className or specify an inline style.\n\n#### Global Inline Styling\n\n```tsx\n<IconContext.Provider value={{ style: { verticalAlign: 'middle' } }}>\n```\n\n#### Global `className` Styling\n\nComponent\n\n```tsx\n<IconContext.Provider value={{ className: 'react-icons' }}>\n```\n\nCSS\n\n```css\n.react-icons {\n  vertical-align: middle;\n}\n```\n\n### TypeScript native support\n\nDependencies on `@types/react-icons` can be deleted.\n\n#### Yarn\n\n```bash\nyarn remove @types/react-icons\n```\n\n#### NPM\n\n```bash\nnpm remove @types/react-icons\n```\n\n## Related Projects\n\n- [react-svg-morph](https://github.com/gorangajic/react-svg-morph/)\n\n## Licence\n\nMIT\n\n- Icons are taken from the other projects so please check each project licences accordingly.\n","readmeFilename":"README.md"}