{"_id":"@attaditya/iconoir-preact","name":"@attaditya/iconoir-preact","dist-tags":{"latest":"7.11.0"},"versions":{"7.11.0":{"name":"@attaditya/iconoir-preact","version":"7.11.0","description":"Preact library for Iconoir.","license":"MIT","homepage":"https://github.com/AttAditya/iconoir","repository":{"type":"git","url":"git+https://github.com/AttAditya/iconoir.git"},"keywords":["icons","svg","preact","iconoir"],"sideEffects":false,"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/esm/index.mjs","require":"./dist/cjs/index.js"},"./regular":{"types":"./dist/regular/index.d.ts","import":"./dist/esm/regular/index.mjs","require":"./dist/cjs/regular/index.js"},"./solid":{"types":"./dist/solid/index.d.ts","import":"./dist/esm/solid/index.mjs","require":"./dist/cjs/solid/index.js"}},"main":"./dist/cjs/index.js","module":"./dist/esm/index.mjs","types":"./dist/index.d.ts","peerDependencies":{"preact":"^10.0.0"},"devDependencies":{"preact":"^10.0.0"},"publishConfig":{"access":"public"},"_id":"@attaditya/iconoir-preact@7.11.0","gitHead":"7b4249aa63c12143aad42b65ded8f7bcaacc4cb4","bugs":{"url":"https://github.com/AttAditya/iconoir/issues"},"_nodeVersion":"22.9.0","_npmVersion":"11.3.0","dist":{"integrity":"sha512-EU9Mwkr4eXYTHZFzX0UuAFsUIBYZXGPYYoCJ9PlW1yTzoYnPaT1Pi5SvwBsvTl2XSB5dQ7ApHhwHjYiFD9O5cA==","shasum":"1c108a6c43007896c84748eb47a1ba6cfab8e20e","tarball":"https://registry.npmjs.org/@attaditya/iconoir-preact/-/iconoir-preact-7.11.0.tgz","fileCount":3357,"unpackedSize":6302733,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQDYs9vEsVe/WFDoWdr31nk/MsCl/gfc69FEViRY/S2bHQIhAJzQM6o8mQ+pZU5K/7xmgzlq8f7ZKRJqbUMn2WQnTVG2"}]},"_npmUser":{"name":"attaditya","email":"attachment.aditya@gmail.com"},"directories":{},"maintainers":[{"name":"attaditya","email":"attachment.aditya@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/iconoir-preact_7.11.0_1778577566160_0.842127629227535"},"_hasShrinkwrap":false}},"time":{"created":"2026-05-12T09:19:26.114Z","7.11.0":"2026-05-12T09:19:26.391Z","modified":"2026-05-12T09:19:26.538Z"},"maintainers":[{"name":"attaditya","email":"attachment.aditya@gmail.com"}],"description":"Preact library for Iconoir.","homepage":"https://github.com/AttAditya/iconoir","keywords":["icons","svg","preact","iconoir"],"repository":{"type":"git","url":"git+https://github.com/AttAditya/iconoir.git"},"bugs":{"url":"https://github.com/AttAditya/iconoir/issues"},"license":"MIT","readme":"# Iconoir - Preact\n\n[![NPM Version](https://img.shields.io/npm/v/iconoir-preact?style=flat-square)](https://www.npmjs.com/package/iconoir-preact)\n[![NPM Monthly Downloads](https://img.shields.io/npm/dm/iconoir-preact?style=flat-square)](https://www.npmjs.com/package/iconoir-preact)\n[![NPM License](https://img.shields.io/npm/l/iconoir-preact?style=flat-square)](https://github.com/iconoir-icons/iconoir/blob/main/packages/iconoir-preact/LICENSE)\n\n[Iconoir](https://iconoir.com/) is an open-source library with 1300+ unique SVG icons, designed on a 24x24 pixels grid. No premium icons, no email sign-up, no newsletters.\n\n`iconoir-preact` is an open source package that exports these icons as Preact components that can be used in all of your Preact projects.\n\n## Installation\n\n| npm                    | Yarn                      | pnpm                      |\n| ---------------------- | ------------------------- | ------------------------- |\n| `npm i iconoir-preact` | `yarn add iconoir-preact` | `pnpm add iconoir-preact` |\n\n## Usage\n\n```javascript\nimport { Iconoir } from 'iconoir-preact';\n\nexport default function App() {\n  return <Iconoir />;\n}\n```\n\nIcons can take any standard SVG properties as optional props, e.g.\n\n```javascript\n<Iconoir color=\"red\" height={36} width={36} />;\n```\n\nDefault values for the most common props are given below:\n\n| Prop name   | Default value  |\n| ----------- | -------------- |\n| color       | \"currentColor\" |\n| width       | \"1.5em\"        |\n| height      | \"1.5em\"        |\n| strokeWidth | 1.5            |\n\n### IconoirProvider\n\nTired of specifying the same props for every single icon, every time you use them? So were we. Use IconoirProvider to set the default icon props for everything inside IconoirProvider.\n\n```tsx\nimport { Check, IconoirProvider } from 'iconoir-preact';\n\nreturn (\n  <IconoirProvider\n    iconProps={{\n      color: '#AAAAAA',\n      strokeWidth: 1,\n      width: '1em',\n      height: '1em',\n    }}\n  >\n    <SomeOtherContainer>\n      <Check />\n    </SomeOtherContainer>\n  </IconoirProvider>\n);\n```\n\n## Icon Names\n\nThe React components are named as PascalCase variations of their reference names (i.e. `airplane-helix-45deg` becomes `AirplaneHelix45deg`).\n","readmeFilename":"README.md","_rev":"1-a531ad959596e27aa78a33cf409c3b6f"}