{"_id":"@404-software/basil-icons","name":"@404-software/basil-icons","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@404-software/basil-icons","version":"1.0.0","devDependencies":{"@svgr/core":"^6.5.1","@types/node":"^18.0.4","@types/react":"^17.0.2","react-native-builder-bob":"^0.18.3","tsx":"^3.12.3","typescript":"^4.7.4"},"main":"lib/commonjs/index.js","react-native":"/index.ts","module":"lib/module/index.js","types":"lib/typescript/index.d.ts","scripts":{"prepare":"yarn generate bob build","generate":"tsx ./generate/index.ts"},"react-native-builder-bob":{"source":"src","output":"lib","targets":["commonjs","module","typescript"]},"eslintIgnore":["node_modules/","lib/"],"dependencies":{"react-native-svg":"13.4.0"},"prettier":{"singleQuote":true,"semi":false},"description":"```ts\r import { Twitch } from '@404-software/basil-icons/solid'","_id":"@404-software/basil-icons@1.0.0","_nodeVersion":"16.19.1","_npmVersion":"8.19.3","dist":{"integrity":"sha512-bxh57xDgDRh8Wa9s5cjMQIOXzDvU5uh+l3G/vMRpZ8a280+N61sQLyyiflIcK0Ep9/GXm7+AgUIaRZzNVJxLxg==","shasum":"21a2249af3d8541f026602a41140f170eba281ac","tarball":"https://registry.npmjs.org/@404-software/basil-icons/-/basil-icons-1.0.0.tgz","fileCount":505,"unpackedSize":886226,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCYTKAQBp7f+8EcwQ1fl4+kQo+6SLkidN6x5+5120pFhAIgCFt7M6l26S3AHmuu2c1v2zvbSTZwPwwIMmR1QZpmx0s="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkPiO7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoK3A/+LUHp/1DKWtlnyFeWMIPTHYVSqb5R0LcHi2khXC4kZuxZDtMd\r\n8o++bVWCpS8qTq76cf5FL+nu08t3S5DEBxwr/z2uTKDuJibhTQU1eMg4lCNr\r\nR3jbWKYOo9FU6NfrrAmiysPMH08AnEuQ/AeSJBGP6jngEP7dO9TRM4ZY+x/A\r\nuyL1i43jneoZeO8XFtJqqQo/Dmv7YyJpI0SQ+HQlpoVij4Q9dju7Lnss4Bo7\r\nX3twQSIVqAk+M6wxCtQF16Ra1Rl8SmioiSeTfHaFtZeHHR8yA+kJmYjTWJF7\r\nWdCTJbNjU+XFgA8F8XMHHVA6slK5gUFFRp/9smiTZ4SwIsmPdBtBiJlH6WIM\r\nzYVeePMGa0xG8mYj2fcYbFXnhtFmG+h3gDc+rDS7gv05Lrjp2X/60Bw7gjBU\r\neggWBfaSXgatESwABH468UnEcs1xCZwbnfEBqor+Bwd45tWCkAkJL8AWQQjf\r\n1i8GI2/hSbFbwkYh59imbZnktDnuJKeovDX7cufqM5ueq5Bg0dCVnJSgrHM1\r\newA9KUp5+ADDGFBVGTdAJpDKvqzejAMLYJnGMwx6l1sgII+R7WOGUgMbULS9\r\nk0Eds1SAafEVYlOOxBIrJkuHKIi4xDELzun9odshYEyMY+h1hv/ZWFLl0brC\r\nH3Zkz5cGT0WuaQgxLx5iYuPaQuSpssuqGB0=\r\n=3Y0i\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"alqassab","email":"ali@404-software.com"},"directories":{},"maintainers":[{"name":"alqassab","email":"ali@404-software.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/basil-icons_1.0.0_1681793979255_0.5354638964374017"},"_hasShrinkwrap":false}},"time":{"created":"2023-04-18T04:59:39.205Z","1.0.0":"2023-04-18T04:59:39.451Z","modified":"2023-04-18T04:59:39.627Z"},"maintainers":[{"name":"alqassab","email":"ali@404-software.com"}],"description":"```ts\r import { Twitch } from '@404-software/basil-icons/solid'","readme":"# 🎨 React Native Basil Icons\r\n\r\n```ts\r\nimport { Twitch } from '@404-software/basil-icons/solid'\r\n\r\nexport const Icon = () => <Twitch />\r\n```\r\n\r\n## Credits\r\n\r\nThis package is a fork of [`react-native-iconic` by Fernando Rojo](https://github.com/nandorojo/react-native-iconic).\r\n\r\n## Overview\r\n\r\n- 😎 Free, beautiful icons\r\n- 🔥 Customizable with `react-native-svg` props\r\n- 🌲 Tree-shaken components\r\n- 🤖 TypeScript support\r\n- 📈 JS-only (+ works with Expo)\r\n\r\n## Installation\r\n\r\n```sh\r\nyarn add @404-software/basil-icons react-native-svg\r\n```\r\n\r\n## Usage\r\n\r\nEach icon is exported as its own component with an adjusted name.\r\n\r\nFor example, to use the `twitch` solid variant icon, import `Twitch` from `/solid`:\r\n\r\n```tsx\r\nimport { Twitch } from '@404-software/basil-icons/solid'\r\n```\r\n\r\nYou can also `import * as BasilIconsSolid`:\r\n\r\n```tsx\r\nimport * as BasilIconsSolid from '@404-software/basil-icons/solid'\r\n\r\nexport const Icon = () => <BasilIconsSolid.Twitch />\r\n```\r\n\r\nFor a full directory of components, see the [Craftwork](https://craftwork.design/downloads/basil) website.\r\n\r\n### Custom color\r\n\r\n```tsx\r\n<Twitch color=\"black\" />\r\n```\r\n\r\n### Custom size\r\n\r\n```tsx\r\n<Twitch height={30} width={30} />\r\n```\r\n\r\n## Props\r\n\r\nEach icon component accepts all the props from `react-native-svg`'s `Svg` component. Reference [their docs](https://github.com/react-native-svg/react-native-svg#svg).\r\n\r\n## How it works\r\n\r\nThis library uses `react-native-svg`. The components are generated by `svgr`. I downloaded all the free icons from [craftwork.design](https://craftwork.design/downloads/basil) and [ran a script](/generate/index.ts) to codegen the files from there.\r\n","readmeFilename":"readme.md"}