Lucide Icons

Browse every Lucide icon in one searchable grid. Copy SVG or JSX, download PNG or Base64. MIT licensed, no install or attribution needed.

1,775 icons ISC UI 24px 24px grid by Lucide Contributors
Search icons...

More SVG Icons

a-arrow-down

a-arrow-up

a-large-small

accessibility

activity

ad

air-vent

airplay

alarm-clock

alarm-clock-check

alarm-clock-minus

alarm-clock-off

alarm-clock-plus

alarm-smoke

album

align-center-horizontal

align-center-vertical

align-end-horizontal

align-end-vertical

align-horizontal-distribute-center

align-horizontal-distribute-end

align-horizontal-distribute-start

align-horizontal-justify-center

align-horizontal-justify-end

align-horizontal-justify-start

align-horizontal-space-around

align-horizontal-space-between

align-start-horizontal

align-start-vertical

align-vertical-distribute-center

align-vertical-distribute-end

align-vertical-distribute-start

align-vertical-justify-center

align-vertical-justify-end

align-vertical-justify-start

align-vertical-space-around

align-vertical-space-between

ambulance

ampersand

ampersands

amphora

anchor

angle

antenna

anvil

aperture

app-window

app-window-mac

apple

archive

archive-restore

archive-x

armchair

arrow-big-down

arrow-big-down-dash

arrow-big-left

arrow-big-left-dash

arrow-big-right

arrow-big-right-dash

arrow-big-up

arrow-big-up-dash

arrow-down

arrow-down-0-1

arrow-down-1-0

arrow-down-a-z

arrow-down-from-line

arrow-down-left

arrow-down-narrow-wide

arrow-down-right

arrow-down-to-dot

arrow-down-to-line

arrow-down-up

Copy & download Lucide icons

Click any icon above to open the detail panel. Four export formats are available instantly, no sign-up required.

SVG

Raw vector markup. Paste directly into HTML or React components. Scales to any size without quality loss.

JSX / TSX

React-ready component. Drop into any React or Next.js project. Works with shadcn/ui, Radix, and Tailwind CSS.

PNG

Raster export at 1×, 2× and 3× for email templates, Figma imports, app assets, and Open Graph images.

Base64

Inline data URI, embed icons in CSS background-image, email HTML, or anywhere an image URL is needed.

Works with shadcn/ui

Copy the JSX format and paste directly into any shadcn/ui component. Alternatively, install lucide-react and use via @iconify/react, fully tree-shakeable, no icon font loading required.

About Lucide

Lucide is one of the most popular open-source SVG icon libraries for modern web development, offering 1,500+ clean, consistent line icons free for personal and commercial use under the MIT license. Born as a community-maintained fork of Feather Icons after Feather development stalled, Lucide has grown into an independent icon system with a consistent 2px stroke, 24px grid, and rounded line caps, crisp at every size from 16px to 48px. Each Lucide icon is hand-crafted for optical balance, making the set feel cohesive across any interface. First-class packages for React, Vue, Svelte, and Angular are maintained alongside a plain JavaScript build. Search, copy SVG code, export as JSX or Base64, or download as PNG: all free. Compared with Heroicons, Lucide offers a wider catalog; compared with Tabler, it has a more refined aesthetic. Ideal for SaaS products, documentation sites, dashboards, and component libraries using Tailwind CSS or shadcn/ui. MIT licensed, no attribution required.

Created By

Lucide Contributors Visit Website

License

ISC View License

Features & Tags

Precise Shapes Has Padding Uses Stroke

Pack Details

Color Support

Monochrome

Category

UI 24px

In 16 collections

UI E-Commerce & Shopping Arrow – Chevrons, Pointers & Direction Communication & Messaging Map & Location Transport & Vehicle Education & Learning Outline & Line Art – Lucide, Feather, Heroicons & More Accessibility Monochrome SVG for Dark Mode SVG for Astro SVG for Vue.js SVG for Next.js SVG for Figma SVG for Email Templates

How to use Lucide icons

Package

lucide-react

License SPDX

ISC

Grid Size

24px

Sample Icons

circle-check, award, house

Install

bash 
npm install lucide-react

React

tsx 
import { Search, Home, Settings } from 'lucide-react';

export default function App() {
  return <Search size={24} strokeWidth={1.5} />;
}

HTML / CDN

html 
<!-- Lucide via CDN (ES module) -->
<script type="module">
  import { createIcons, Search } from 'https://cdn.jsdelivr.net/npm/lucide@latest/dist/esm/lucide.js';
  createIcons({ icons: { Search } });
</script>
<i data-lucide="search"></i>

Via Iconify · any framework

tsx 
import { Icon } from '@iconify/react';

export default function App() {
  return <Icon icon="lucide:icon-name" width={24} />;
}

Package stats

Build-time npm metadata cached weekly • Last refresh Aug 13, 2026

lucide-react

A Lucide icon library package for React applications.

v1.31.0
Score 70%
Popularity 24%
Quality 88%
Maintenance 100%

License

ISC

Weekly downloads

97.4M

Monthly downloads

381.2M

Total downloads

2.4B

Unpacked size

30 MB

Last published

Aug 9, 2026

Registry updated

Aug 9, 2026

npm Repository Homepage

Lucide version history

Based on the last 10 releases, Lucide typically ships a new version every ~4 days. The latest release, v1.33.0, landed on Aug 19, 2026.

Version Released
v1.33.0 Aug 19, 2026
v1.32.0 Aug 18, 2026
v1.31.0 Aug 9, 2026
v1.30.0 Aug 7, 2026
v1.29.0 Aug 6, 2026
v1.28.0 Jul 30, 2026
v1.27.0 Jul 25, 2026
v1.26.0 Jul 23, 2026
v1.25.0 Jul 17, 2026
v1.24.0 Jul 9, 2026
v1.23.0 Jul 1, 2026
v1.22.0 Jun 28, 2026
v1.21.0 Jun 18, 2026
v1.20.0 Jun 16, 2026
v1.19.0 Jun 16, 2026
v1.18.0 Jun 12, 2026
v1.17.0 May 28, 2026
v1.16.0 May 14, 2026
v1.15.0 May 14, 2026
v1.14.0 Apr 29, 2026

Source: npm registry data for lucide-react, refreshed weekly.

Compare Lucide with similar icon packs

Heroicons Tabler Icons Feather Icons Akar Icons

Frequently Asked Questions

Is Lucide free for commercial use?
Yes. Lucide Icons is MIT licensed: you can use it in personal and commercial projects without attribution.
How do I use Lucide icons in React?
Install with npm install lucide-react, then import: import { Search } from "lucide-react";. You can also copy SVG directly from AllSVGIcons.
Is Lucide a fork of Feather Icons?
Yes. Lucide started as an actively maintained fork of Feather Icons after Feather development stalled. It is API-compatible but has grown to 5× more icons.
How many icons are in Lucide?
Lucide contains 1,775 SVG icons in the UI 24px category, designed on a 24px grid.
How often is Lucide updated?
Based on the last 10 releases, Lucide typically ships a new version every ~4 days. The latest release, v1.33.0, landed on Aug 19, 2026. See the full version history below.