Lucide Icons

Open-source icon library with 1500+ icons. Browse all

heart
search
settings
user
mail
bell
home
star
check
x
plus
minus
eye
trash-2
download
upload
copy
external-link

Usage

1. Install

pnpm add lucide-static

2. Import SVG inline

// Vite raw import
import heartSvg from 'lucide-static/icons/heart.svg?raw'

element.innerHTML = heartSvg

3. Use as img src

import heartUrl from 'lucide-static/icons/heart.svg'

const img = document.createElement('img')
img.src = heartUrl

4. Style inline SVGs

.LucideIcon svg
  width 24px
  height 24px
  stroke currentColor
  stroke-width 1.5
  fill none

5. Add new icons

Browse lucide.dev/icons, find the name, and import it as shown above.