Lucide icons angular. It leverages Angular's component system and dependency injection to deliv...

Lucide icons angular. It leverages Angular's component system and dependency injection to deliver a developer-friendly experience with full type safety and customization options. Package rename from lucide-vue-next to @lucide/vue. E. This library simplifies incorporating icons into web applications by providing several official packages, including the Angular package for easy integration. (Exception for lucide package). - lucide-icons/lucide Beautiful & consistent icon toolkit made by the community. Free & premium options from 280 to 46,000+ icons. Details and related icons for eye icon. Beautiful & consistent icon toolkit made by the community. Official packages for React, Vue, Svelte, Angular, Solid, and more. Getting started This guide will help you get started with Lucide in your Angular project. There are 10761 other projects in the npm registry using lucide-react. Open-source project and a fork of Feather Icons. 302. 0, last published: 7 days ago. Jul 10, 2025 · Package lucide lucide-angular lucide-flutter lucide-preact lucide-react lucide-react-native lucide-solid lucide-svelte lucide-vue lucide-vue-next lucide-astro Figma plugin all JS packages site Description To pick singe icons in modern st Beautiful & consistent icon toolkit made by the community. Apr 22, 2024 · Also, you can release a new major version of lucide-angular with breaking changes. A fork of Feather Icons with 1,702+ SVG icons on a 24x24 grid with customizable stroke width. With over 300+ open issues and over 100+ open PRs, the Feather Icons project has been abandoned. Lucide React Native React Native components for Lucide icons that work seamlessly across iOS and Android platforms. Lucide's official packages are designed to work on different platforms, making it easier for users to integrate icons into their projects. Tree-shakable – Only the icons you import are Oct 30, 2024 · The current documentation for LucideAngularModule in Angular does not clearly specify how to use the module with standalone components. 534. Lucide What is Lucide? Lucide is a community-run fork of Feather Icons, open for anyone to contribute icons. This appears to be a compatibility issue between Lucide icons and Angular 18. 469. 563. Customizable – Adjust size, color, stroke width, and other properties via props. Compare Hugeicons, Material Icons, Heroicons, and Lucide, their overall performance, TypeScript support, and tree-shaking optimization to find the perfect icons for your Angular project. What you can accomplish: Use icons as Astro components with zero JavaScript runtime overhead Build fast, static Lucide is an open-source icon library that provides 1000+ vector (svg) files for displaying icons and symbols in digital and non-digital projects. There are 6 other projects in the npm registry using lucide-angular. There are 5 other projects in the npm registry using lucide-angular. There are 11 other projects in the npm registry using lucide-angular. gg Feather Icons Jam Icons Octicons 🔥 Make Your Angular 19 Apps Global with Lucide Icons! In Part 3 of our 4-part Learn from Errors series, we show you how to set up Lucide SVG Icons for global use in standalone components. Dec 26, 2023 · Package lucide lucide-angular lucide-flutter lucide-preact lucide-react lucide-react-native lucide-solid lucide-svelte lucide-vue lucide-vue-next Figma plugin source/main other/not relevant Version 0. If you don't have one yet, you can create a new Angular project using @angular/cli. This unfortunately means that hundreds of developers and designers wasted their time contributing to Feather Icons with no chance of Use this online lucide-angular playground to view and fork lucide-angular example apps and templates on CodeSandbox. json limit to Angular 16 is it possible to make it for angular 17 ? I really like lucide library and it would be nice to be able to use it Use cases Use Lucide icons in Angular 17 Checklist I have searched the existing issues to make sure this bug has not already been reported. Feb 4, 2026 · Discover the top icon libraries for your Angular projects. Apr 18, 2025 · The Lucide Angular implementation provides a dedicated Angular component to render icons, along with supporting services and interfaces for configuration and icon provision. Explore Lucide icons organized into various categories for easier browsing. Jul 17, 2024 · The color attribute is updated in the DOM, but the icon's color does not change visually. Accroding to it's document it's availabe for the Angular module but I'm using standalone mode, so how to add this package to the comp Tips to organize icons and build better Angular 19 projects Why Choose Lucide? Lucide is an open-source, community-driven icon library with over 1,000 beautiful SVG icons. Mar 16, 2026 · Package lucide lucide-angular lucide-flutter lucide-preact lucide-react lucide-react-native lucide-solid lucide-svelte lucide-vue lucide-vue-next lucide-astro Figma plugin source/main other/not relevant Version 0. Lucide Lucide is an open-source icon library that provides 1000+ vector (svg) files for displaying icons and symbols in digital and non-digital projects. 0 Browser Chrome/Chromium Firefox Beautiful & consistent icon toolkit made by the community. Lucide for React Lucide provides a React component library for using icons in your applications. 1. Every icon is bundled within the package, should we release a new version with breaking changes, people using earlier versions of Angular would be hung out to dry, and if you look at the usage statistics of major versions, people do still use earlier versions, a Aug 26, 2025 · Icons are at the heart of every good user interface. Lucide Angular Lucide Preact Lucide Astro Lucide Static Contributing Icon Design Principles Designing in Illustrator 🔥 Unlock the Best Free Icons for Angular 19! In Part 2 of our 4-part Learn from Errors series, we dive deeper into Lucide SVG Icons by mastering Angular providers in standalone components Jul 4, 2024 · Easy Integration: Integrating Lucide into your project is a breeze. Feb 4, 2026 · Feel limited with Lucide icons? Find 5 superior icon libraries offering filled, duotone & multiple weights and variety. 474. 0, last published: 9 hours ago. The framework-specific implementations allow developers to use Lucide icons with a natural API for their chosen framework while maintaining consistent appearance and behavior across platforms. Tree-shakable: Only the icons you use are Learn how to adjust the size of icons in your Angular application using the `size` input or by using CSS. Using parent elements text color value Because the color of lucide icons uses currentColor, the color of the icon depends on the computed color of the element, or it inherits it from its parent. Tagged as: view, watch, see, show, expose, reveal, display, visible, visibility, vision, preview, read. This allows you to use icons from multiple icon sets with a single icon component. For example, if a parent element's color value is #fff and one of the children is a lucide icon, the color of the icon will be rendered as #fff. Containing over 96,000 icons for you to use in your projects. The library is well-documented, making it trouble-free to get started and find the icons of your need. Lucide supports multiple frameworks, including: JS, React, Vue, Svelte, Preact, Solid, Angular, React Native and Flutter. - lucide-icons/lucide. The documentation is very brief on how to add custom icons and has nothing on how to actually use them after they're added. 0, last published: 9 days ago. Lucide Solid SolidJS components for Lucide icons that leverage Solid's fine-grained reactivity system. Nov 22, 2023 · Description I have seen in the git that package. 0, last published: 16 hours ago. Feb 21, 2024 · I'm using lucide-angular for icons and I'm trying to add some custom icons for which i already have svgs. Details and related icons for list-filter-plus icon. Lucide Angular Implementation of the lucide icon library for angular applications. There are 153 other projects in the npm registry using lucide. 0, last published: a day ago. lucide Public Beautiful & consistent icon toolkit made by the community. The icons can be styled with options like color, stroke, width, size and absolute stroke width. Feb 12, 2024 · Discover how to integrate Lucide Icons into your project with this guide, featuring tips and insights from the developer's personal experience. It began after growing disaffection with the Feather Icons project moderation. Currently, we support the following libraries: Bootstrap Icons Heroicons Ionicons Material Icons Material File Icons CSS. - lucide-icons/lucide Lucide Astro Astro components for Lucide icons that work perfectly with Astro's island architecture and multi-framework support. A free, fast, and reliable CDN for @lucide/angular. Installation npm i lucide-angular --save Setup main. 将图标用作 Angular 组件，并完全支持依赖注入 通过 Angular 服务和提供者实现图标全局配置 在（lucide-angular、lucide-icon、i-lucide、span-lucide）等多种组件选择器之间进行选择 与 Angular 的响应式表单和数据绑定无缝集成 通过树摇稀疏图标包和懒加载支持构建可扩展应用 Lucide is an open-source icon library that provides 1000+ vector (svg) files for displaying icons and symbols in digital and non-digital projects. A Lucide icon library package for web and javascript applications. 0, last published: 23 days ago. Start using lucide-react in your project by running `npm i lucide-react`. Customizable: Adjust size, color, and other properties via inputs or globally with an Angular provider. 525. Tagged as: find, scan, magnifier, magnifying glass, lens. Each icon is available as a standalone component that renders an optimized inline SVG. 576 Can you reproduce th 1 day ago · 什么是 Lucide Icons？ Lucide 是一个开源图标库，提供 1000+ 清晰简洁的 SVG 图标，用于数字和非数字项目中显示图标和符号。 核心理念： "Precise graphics for simplified screens"------为简化屏幕而生的精确图形。 A guide on how to install Lucide, an open-source icon library, for various platforms and frameworks. - lucide-icons/lucide Lucide is an open-source icon library that provides 1000+ vector (svg) files for displaying icons and symbols in digital and non-digital projects. Latest version: 0. ts Lucide is an open-source icon library that provides 1000+ vector (SVG) icons for use in digital and non-digital projects. The library aims to make it easier for designers and developers to incorporate icons into their projects by providing several official packages to make it easier to use these icons in your project. The all-in-one icon library for Angular. The instructions provided focus on usage within an NgModule, which may lead to confusion for developers who need guidance on importing and configuring icons in a standalone component setup. What you can accomplish: Use icons as React Native components with platform-consistent rendering Build cross-platform Details and related icons for search icon. - lucide-icons/lucide Jan 23, 2024 · How to add Lucide Icons to Angular 17 Standalone App Jan 23, 2024 When you are using standalone Angular 17, you have to import the icons you want to use from lucide-angular and add them to the importProvidersFrom function. What you can accomplish: Use icons as SolidJS components with fine-grained reactivity Create highly performant Relevant source files Purpose and Scope This document explains how Lucide adapts its core SVG icon library for various JavaScript frameworks. What you can accomplish: Use icons as Angular components with full dependency injection support Configure icons globally through A Lucide icon library package for Angular applications. gg Feather Icons Jam Icons Use this online @ng-icons/lucide playground to view and fork @ng-icons/lucide example apps and templates on CodeSandbox. Removed UMD build, only ESM and CJS now. Whether you’re using React, Vue, Angular, or plain HTML/CSS, Lucide provides simple integration options. Packages lucide A Lucide icon library package for web and javascript applications. Jan 29, 2024 · I want to add lucide-icon package to my standalone Angular app. Improved accessibility, aria-hidden is now set by default on icons. Many bug fixes and improvements. Each icon is an Astro component that renders as an inline SVG, providing excellent performance for static sites and server-side rendering scenarios. There are 12 other projects in the npm registry using lucide-angular. Details and related icons for brackets icon. 577. Angular components and services for Lucide icons that integrate with Angular's dependency injection and component system. Provides both traditional module-based and modern standalone component approaches for maximum flexibility in Angular applications. Prerequisites This package requires Angular 17+ and uses standalone components, signals, and zoneless change detection A standalone, signal-based, zoneless implementation of Lucide icons for Angular. Tagged as: cog, edit, gear, preferences. Mar 7, 2026 · The Lucide Angular implementation provides a flexible and efficient way to use Lucide icons in Angular applications. 461. Angular Implementation of the lucide icon library for Angular applications. A Lucide icon library package for Angular applications. What you can accomplish: 1 day ago · Lucide is an open-source icon library that provides 1000+ vector (svg) files for displaying icons and symbols in digital and non-digital projects. Customizable: Icon properties like size, color, and stroke width can be easily adjusted. The packages are available for various technologies, including Web (Vanilla), React, React Native, Vue, Vue 3, Svelte, Preact, Solid, Angular, Astro, and NodeJS. - Hervepoh/lucide-icons Oct 10, 2023 · Description The documentation on lucide-angular is the only place in the Guide section that mentions custom icons, but it is not very clear about it. The library aims to make it easier for designers and developers to incorporate icons into their projects by providing several official [packages] (https://lucide. For more details, see the documentation. ISC licensed. Lucide Svelte Svelte components for Lucide icons that work seamlessly with both Svelte 4 and Svelte 5. . 0, last published: 8 days ago. Details and related icons for settings icon. Lucide is a community-run fork of Feather Icons, open for anyone to contribute icons. Lucide Angular Angular components and services for Lucide icons that integrate with Angular's dependency injection and component system. There are 3 other projects in the npm registry using lucide-angular. Learn how to adjust the color of icons in your Angular application using the `color` input or by using parent elements text color value. Each icon is a reactive Solid component that renders as an inline SVG, providing exceptional performance through Solid's compile-time optimizations and reactive primitives. Ng Icons The all-in-one icon library for Angular. Start using lucide-angular in your project by running `npm i lucide-angular`. What you can accomplish: Use icons as standalone Angular components with full dependency injection support Configure icons globally through modern Angular providers Integrate with Angular's reactive forms and data binding Lucide for Angular A standalone, signal-based, zoneless implementation that makes it easy to integrate icons into your Angular projects. There are 22 other projects in the npm registry using lucide-angular. They help users understand actions instantly, Tagged with lucide, uiux, besticons, hugeicons. Tagged as: filter, plus, options, add. - lucide-icons/lucide Angular Icons The all-in-one icon library for Angular Providing over 100,000 icons for use in your applications Beautiful & consistent icon toolkit made by the community. This is browser native behavior. Built on top of react-native-svg, each icon renders as a native SVG component, providing consistent visual appearance and performance across mobile devices. List of features: Easy to use – Import icons and use them directly in JSX. Tagged as: code, token, array, list, square, [, ]. List of features: Easy to Use: Use icons as standalone Angular components with full dependency injection support. Make sure you have an Angular environment set up. 575. Lucide Icons Beautiful and consistent icon toolkit made by the community. Support for context providers in React, Vue, Svelte, Angular, and Solid. Support for shadow DOM in Lucide package. Containing over 56,000 icons for you to use in your projects. 0, last published: 18 days ago. 0, last published: 2 days ago. 507. dev/packages) to make it easier to use these icons in your project. What you can accomplish: Use icons as Svelte components with full reactivity and TypeScript support Bind icon properties A Lucide icon library package for Angular applications. g. , how can I provide a valid LucideIconData? Right now it only says that at some point the SVG data needs to be converted to svgson. Each icon is a reactive Svelte component that renders as an inline SVG, providing excellent performance and integration with Svelte's reactive system and modern features. 0, last published: 4 days ago. Start using lucide in your project by running `npm i lucide`. Figma Plugin: Easy access to icons directly within the Figma design tool. Lucide is an open-source icon library that provides 1000+ vector (svg) files for displaying icons and symbols in digital and non-digital projects. - lucide-icons/lucide 🔥 Best Free Icons for Angular 19: Install Lucide Icons in a Stunning Navbar (Part 1 of 4) 🌟 Revolutionize Your Angular 19 UI with Free Lucide Icons! Kick off our 4-part Learn from Errors A Lucide icon library package for Angular applications. The library aims to make it easier for designers and developers to incorporate icons into their projects by providing several Implementation of Lucide icon's using Hyvä's svg php viewmodal to render icons for Magento 2 Hyva theme based projects. Aug 18, 2025 · Beautiful & consistent icon toolkit made by the community. Framework Agnostic & Specific Packages: Provides a core JavaScript library (lucide) and dedicated packages for popular frameworks like React, Vue, Svelte, Angular, and more. A Lucide icon library package for React applications. apdklh ufsk araf bzymfx zqolg pwfjh iprzb vel hnrvq drms