Lucide

screenshot of Lucide
figma
react
vue

Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons.

Overview

Lucide is a community-driven fork of Feather Icons. It was created due to dissatisfaction with the moderation of the Feather Icons project, which had been abandoned with numerous open issues and PRs. Lucide aims to expand the collection of icons while maintaining the original simplistic design language. It welcomes contributions from developers and designers.

Features

  • More icons available compared to Feather Icons
  • Official libraries and integrations with popular frameworks and design tools
  • Well-maintained codebase
  • Active community that continues to grow and improve the set

Web

You can use Lucide icons on the web by incorporating the SVG files in various ways, such as img, background-image, inline, object, embed, or iframe. Refer to the documentation for more details on implementing Lucide in web applications.

React

figma
Figma

Figma is a cloud-based design tool for creating user interfaces, prototypes, and collaboration in real time.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

vue
Vue

Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.

ui-kit
UI Kits & Components

A UI kit provides developers with a set of reusable components that can be easily integrated into a website or application. These components are pre-designed with consistent styling and functionality, allowing developers to save time and effort in the design and development process. UI kits can be either custom-built or third-party, and often include components for buttons, forms, typography, icons, and more.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.