{"name":"Lucide: A Community-Driven Icon Toolkit for Modern Web Development","description":"Lucide is an open-source icon library, a fork of Feather Icons, offering over 1000 consistent SVG icons. It provides official packages for popular frameworks like React, Vue, and Svelte, making integration seamless for designers and developers. With its strong community and Figma plugin, Lucide is a versatile solution for enhancing UI/UX.","github":"https://github.com/lucide-icons/lucide","url":"https://osrepos.com/repo/lucide-icons-lucide","source":"osrepos.com","sourceDescription":"This repository profile is provided by osrepos.com, an open source repository discovery platform.","repositoryProfile":"https://osrepos.com/repo/lucide-icons-lucide","generatedFor":"open source discovery and AI-assisted research","markdown":"https://osrepos.com/repo/lucide-icons-lucide.md","json":"https://osrepos.com/repo/lucide-icons-lucide.json","topics":["icons","svg-icons","ui-components","react","vue","figma","typescript","icon library"],"keywords":["icons","svg-icons","ui-components","react","vue","figma","typescript","icon library"],"stars":null,"summary":"Lucide is an open-source icon library, a fork of Feather Icons, offering over 1000 consistent SVG icons. It provides official packages for popular frameworks like React, Vue, and Svelte, making integration seamless for designers and developers. With its strong community and Figma plugin, Lucide is a versatile solution for enhancing UI/UX.","content":"## Introdução\n\nLucide is a comprehensive, open-source icon library, serving as a community-driven fork of the popular Feather Icons. It offers over 1000 beautiful and consistent vector (SVG) icons, designed to be easily integrated into various digital and non-digital projects. The project aims to simplify the process of incorporating high-quality icons, providing official packages for a wide range of modern web frameworks and tools.\n\n## Instalação\n\nGetting started with Lucide is straightforward. You can install the core package via npm or yarn, and then choose a framework-specific package depending on your project's needs.\n\nFor the core icon set:\n\nbash\nnpm install lucide\n# or\nyarn add lucide\n\n\nFor framework-specific integrations, such as React:\n\nbash\nnpm install lucide-react\n# or\nyarn add lucide-react\n\n\nRefer to the official Lucide documentation for other framework packages like `lucide-vue-next`, `lucide-svelte`, `lucide-angular`, and more.\n\n## Exemplos\n\nIntegrating Lucide icons into your project is simple. Here's an example using `lucide-react`:\n\njsx\nimport { Camera, Home } from 'lucide-react';\n\nfunction MyComponent() {\n  return (\n    <div>\n      <Home size={24} color=\"blue\" />\n      <Camera size={36} strokeWidth={1.5} />\n      <p>Welcome to Lucide!</p>\n    </div>\n  );\n}\n\nexport default MyComponent;\n\n\nEach icon component accepts standard SVG attributes and additional props for size, color, and stroke width, allowing for easy customization.\n\n## Porquê usar\n\n*   **Consistency and Quality:** Lucide maintains a high standard of design consistency across its extensive icon set, ensuring a polished look for your applications.\n*   **Open-Source and Community-Driven:** Being open-source and community-maintained, Lucide benefits from continuous improvements and a vibrant ecosystem.\n*   **Extensive Framework Support:** With dedicated packages for React, Vue, Svelte, Angular, Solid, Preact, React Native, and Astro, Lucide offers seamless integration into almost any modern web stack.\n*   **Figma Integration:** Designers can leverage the official Lucide Figma plugin to easily browse and use icons directly within their design workflows.\n*   **Customization:** Icons are SVG-based, providing full control over size, color, and stroke properties, making them highly adaptable to your brand's aesthetic.\n\n## Links\n\nExplore Lucide further through these official resources:\n\n*   [Lucide Icons](https://lucide.dev/icons/)\n*   [Lucide Guide](https://lucide.dev/guide/)\n*   [Lucide Packages](https://lucide.dev/packages)\n*   [Figma Plugin](https://www.figma.com/community/plugin/939567362549682242/Lucide-Icons)\n*   [GitHub Repository](https://github.com/lucide-icons/lucide)\n*   [Discord Community](https://discord.gg/EH6nSts)\n*   [License (ISC)](https://github.com/lucide-icons/lucide/blob/main/LICENSE)","metrics":{"detailViews":3,"githubClicks":2},"dates":{"published":null,"modified":"2026-01-28T12:01:01.000Z"}}