Lucide Icons

Mais de 1.500 ícones SVG lindos e consistentes, prontos para React, Vue e afins.

O que é

O Lucide é uma biblioteca de ícones open source (ISC), fork comunitário do Feather Icons. Tem pacotes para React, Vue, Svelte, Angular, Flutter e uso direto em SVG, com tree-shaking.

Pra que serve

• Ícones padronizados para sites, apps e dashboards
• Ajustar tamanho, cor e espessura do traço via props
• Usar no Figma pelo plugin oficial

Qual problema resolve

Misturar ícones de fontes diferentes deixa a interface incoerente; o Lucide mantém o mesmo estilo em tudo.

Como instalar — Instalação

Escolha os ícones em lucide.dev e instale o pacote do seu framework.

import { Camera } from 'lucide-react';
<Camera color="red" size={48} />

npm install lucide-react

npm install lucide-vue-next

Acessar Lucide Icons