{"_rev":"28-e509484031c8b5724c9b8ea18a651a8c","time":{"created":"2025-01-13T17:27:28.937Z","modified":"2025-01-13T17:27:29.689Z","1.0.0":"2024-09-21T01:20:08.773Z","1.1.0":"2024-09-21T01:29:10.304Z","2.0.0":"2024-09-21T22:42:39.764Z","2.0.1":"2024-09-21T22:51:02.884Z","2.0.2":"2024-09-21T22:54:22.138Z","2.0.3":"2024-09-21T23:04:15.158Z","2.0.4":"2024-09-21T23:08:27.097Z","2.0.5":"2024-09-21T23:24:10.777Z","2.0.6":"2024-09-21T23:45:37.740Z","2.0.7":"2024-09-21T23:47:42.953Z","2.0.8":"2024-09-22T00:00:56.592Z","2.0.9":"2024-09-22T02:41:34.550Z","2.0.10":"2024-09-22T02:44:15.166Z","3.0.0":"2024-09-22T04:40:59.384Z","3.1.0":"2024-09-23T00:46:05.041Z","3.2.0":"2024-09-23T03:05:13.124Z","3.2.1":"2024-09-23T03:13:15.576Z","3.3.0":"2024-09-23T03:34:19.754Z","3.3.1":"2024-09-23T03:39:32.988Z","3.4.0":"2024-09-23T03:56:30.548Z","3.5.0":"2024-09-23T04:27:29.169Z","3.6.0":"2024-10-10T18:55:17.521Z","3.6.1":"2024-10-10T19:01:35.737Z","3.7.0":"2024-10-10T20:00:24.669Z","3.7.1":"2024-10-10T20:10:46.679Z","3.7.2":"2024-10-10T20:37:49.906Z","3.8.0":"2024-10-11T16:10:48.410Z","0.1.0":"2025-01-13T17:27:29.427Z"},"_id":"@houstonicons/vue","name":"@houstonicons/vue","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@houstonicons/vue","description":"Houston Icons Pro Vue Component Library","author":{"name":"castrogusttavo"},"license":"CC0-1.0","version":"0.1.0","main":"dist/index.cjs.js","types":"dist/types/index.d.ts","module":"dist/index.es.js","exports":{".":{"import":"./dist/index.es.js","require":"./dist/index.cjs.js","types":"./dist/types/index.d.ts"}},"type":"module","repository":{"type":"git","url":"git+ssh://git@github.com/castrogusttavo/houston-vue.git"},"bugs":{"url":"https://github.com/castrogusttavo/houston-vue.git/issues"},"scripts":{"build":"node --max-old-space-size=4096 ./node_modules/vite/bin/vite.js build && npm run build:types","build:types":"node --max-old-space-size=4096 ./node_modules/vue-tsc/bin/vue-tsc.js --declaration --emitDeclarationOnly"},"dependencies":{"@houstonicons/vue":"^3.7.1","esbuild":"^0.24.0","esbuild-plugin-globals":"^0.2.0","fs":"^0.0.1-security","npx":"^10.2.2","tsc":"^2.0.4","url":"^0.11.4"},"devDependencies":{"@types/node":"^22.5.5","@types/vue":"^1.0.31","@vitejs/plugin-vue":"^5.1.4","@vue/compiler-sfc":"^3.5.7","fast-glob":"^3.3.2","html-loader":"^5.1.0","tsup":"^8.3.0","typescript":"^5.6.2","vite":"^5.4.7","vite-plugin-svg-icons":"^2.0.1","vue":"^3.5.8","vue-tsc":"^2.1.6"},"workspaces":["packages/*"],"publishConfig":{"access":"public"},"packageManager":"npm@20.0.0","_id":"@houstonicons/vue@0.1.0","gitHead":"f5f01260c3ac45bb91b6360da0ff1aa59e0cc564","homepage":"https://github.com/castrogusttavo/houston-vue#readme","_nodeVersion":"22.8.0","_npmVersion":"10.8.2","dist":{"integrity":"sha512-wGaDCicnHx6Ob7qvY5I9+FG+MJlz2hazutQ/SdEFkVjYecU87o+5Mp6wFXbgeIKJi74oKkVoNURUL0J3xZSodQ==","shasum":"25ca31a9f751f34534848731e4e4b8f04c6935a6","tarball":"https://registry.npmjs.org/@houstonicons/vue/-/vue-0.1.0.tgz","fileCount":4140,"unpackedSize":5376381,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF8K3teDWykXzbJ9X5vr8e2paHiCrGylrVJXqzs5UPbLAiEA3UJgIyXd5573oqx8SBT6THfdjjP12EZx+BQZkKVt8CY="}]},"_npmUser":{"name":"gusttavocastro","email":"castrogusttavo.dev@gmail.com"},"directories":{},"maintainers":[{"name":"gusttavocastro","email":"castrogusttavo.dev@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/vue_0.1.0_1736789249038_0.7298340045885485"},"_hasShrinkwrap":false}},"maintainers":[{"name":"gusttavocastro","email":"castrogusttavo.dev@gmail.com"}],"description":"Houston Icons Pro Vue Component Library","homepage":"https://github.com/castrogusttavo/houston-vue#readme","repository":{"type":"git","url":"git+ssh://git@github.com/castrogusttavo/houston-vue.git"},"author":{"name":"castrogusttavo"},"bugs":{"url":"https://github.com/castrogusttavo/houston-vue.git/issues"},"license":"CC0-1.0","readme":"![image](./public/logoHorizontalNPM.svg)\r\n\r\n---\r\n\r\nWelcome to the professional edition of Houston for React — an extensive library of meticulously crafted icons designed to elevate the visual appeal of your web and mobile applications. With Houston React Pro , you gain access to a vast selection of icons tailored to suit every need, allowing for highly customizable and dynamic user interfaces.\r\n\r\nThousands of designers, developers, and content creators use Houston Pro for unlimited personal and commercial projects, making it one of the most versatile and user-friendly icon libraries available.\r\n\r\nDiscover more at our website: [houston.com](https://houstonicons.com.br/)\r\n\r\n![image](./public/tools.svg)\r\n\r\n## Table of Contents\r\n\r\n- [Features](#features)\r\n- [Installation](#installation)\r\n- [Usage Examples](#usage-examples)\r\n- [Live Example](#live-example)\r\n- [Contributing](#contributing)\r\n- [FAQ](#faq)\r\n- [License](#license)\r\n\r\n## General Usage\r\n\r\nIcons can be downloaded from the [Houston website](https://houstonicons.com.br) and used in your projects. The icons are available in SVG format and can be easily integrated into your applications.\r\n\r\n## Features\r\n\r\n### Autocomplete for Efficiency\r\n\r\nSwiftly find the icon you need with our intuitive autocomplete feature, streamlining your design process.\r\n\r\n### Customizable Size\r\n\r\nFreedom to scale: adjust icon sizes effortlessly to match your design requirements.\r\n\r\n### Multiple Variants\r\n\r\nSeven distinct variants ensure that you can select the perfect style to match your project's aesthetics.\r\n\r\n### Unlimited Colors\r\n\r\nCustomize icon colors with ease, giving you the ability to maintain consistency with your brand's color palette.\r\n\r\n### Expansive Library\r\n\r\nAccess over 50,000 icons within the library, ensuring you'll find the exact icon for every context.\r\n\r\n## Installation\r\n\r\nTo start using HoustonIcons-React in your project, install the package via npm:\r\n\r\n```bash\r\nnpm install @houstonicons/vue\r\n```\r\n\r\nOr via yarn:\r\n\r\n```bash\r\nyarn add @houstonicons/vue\r\n```\r\n\r\n## Usage Examples\r\n\r\nImport the icons you need from the library and integrate them into your Vue components. Here's how you can customize the icons to fit your needs:\r\n\r\n### Control Icon Size\r\n\r\nAdjust the size of your icons by passing a `size` prop:\r\n\r\n```vue\r\n<template>\r\n  <div>\r\n    <home-01-icon size=\"128\" /> // Custom size\r\n  </div>\r\n</template>\r\n\r\n<script setup=\"ts\">\r\n  import { Home01Icon } from \"@houstonicons/vue\";\r\n</script>\r\n```\r\n\r\n### Customize Icon Color\r\n\r\nChange the color of your icons by passing a `color` prop:\r\n\r\n```vue\r\n<template>\r\n  <div>\r\n    <marketing-icon color=\"#00FF00\" /> // Green color\r\n  </div>\r\n</template>\r\n\r\n<script setup=\"ts\">\r\nimport { MarketingIcon } from \"@houstonicons/vue\";\r\n</script>\r\n```\r\n\r\n### Adjust Icon Corners\r\n\r\nEasily modify the corner style of your icons by using the ``type`` prop:\r\n\r\n```vue\r\n<template>\r\n  <div>\r\n    <list-setting-icon type=\"rounded\" /> // Solid fill\r\n  </div>\r\n</template>\r\n\r\n<script setup=\"ts\">\r\nimport { ListSettingIcon } from \"@houstonicons/vue\";\r\n</script>\r\n```\r\n\r\n### Control Icon Fill Type\r\n\r\nSet the fill style of your icons using the ``variant`` prop:\r\n\r\n```vue\r\n<template>\r\n  <div>\r\n    <add-square-icon variant=\"solid\" /> // Solid fill\r\n  </div>\r\n</template>\r\n\r\n<script setup=\"ts\">\r\nimport { AddSquareIcons } from \"@houstonicons/vue\";\r\n</script>\r\n```\r\n\r\n## Live Example\r\n\r\nExplore a live demonstration of HugeIcons React in action at [Houston Pro Example](https://houstonicons.com.br/use-cases). This example showcases the versatility and ease of customizing our icons to fit your design needs, providing a hands-on experience with the icon collection.\r\n\r\n## FAQ\r\n\r\n**Q: How can I download and use free React icons from Houston React Icons?**\r\nA: You can install the package via npm or yarn and then import the react icons into your react components. Detailed package installation instructions are provided in the [Installation](#installation) section.\r\n\r\n**Q: Are these React icons customizable in terms of size and color?**\r\nA: Yes, all react icons are fully customizable. You can adjust their size, color, and other properties easily within your React application. See [Usage Examples](#usage-examples) for more information.\r\n\r\n**Q: Is there a live demo where I can see these React icons in action?**\r\nA: Yes, we have a live example available at [Houston React Example](#live-example). It showcases the usage import various react icons and their customization options.\r\n\r\n**Q: Are the react icons from Houston React Icons free for commercial use?**\r\nA: Houston React Pro is licensed for commercial use, adhering to the [CC0-1.0](#license). Please review the license details for more information.\r\n\r\n---\r\n\r\n## License\r\n\r\nHouston React is licensed under the CC0 1.0 Universal (CC0 1.0) Public Domain Dedication. This means you can use, modify, distribute, and even use the icons for private or commercial purposes, without any restrictions. No attribution is required, but it's appreciated.\r\n\r\nFor more details, see the [LICENSE.md](./LICENSE.md) file in the repository.\r\n\r\n---\r\n\r\n![image](./public/logoIcon.svg)\r\n\r\nEnjoy the seamless integration of premium icons with Houston React Pro and take your application to the next level!\r\n","readmeFilename":"README.md"}