Icons
Padrão de ícones com Lucide (lucide-react). Todos os componentes usam Lucide para ícones.
Padrão de Uso
import { Search } from "lucide-react";
<Search size={18} className="text-foreground" />Tamanhos
O prop size aceita pixels.
12px16px18px20px24px32pxÍcones Disponíveis
Ícones mais usados no projeto. Todos de lucide-react.
Search
Busca
ShoppingBag
Sacola
ShoppingCart
Carrinho
Heart
Favoritos
User
Conta/Perfil
MapPin
Localização
Package
Pedidos/Pacotes
Menu
Menu hamburguer
MessageCircle
Mensagens/Ajuda
MessageCircle
CreditCard
Pagamento
Gauge
Dashboard
Settings
Configurações
Store
Loja
Tags
Categorias
Crown
Premium/Plano
Archive
Arquivo
Tag
Produtos
Sparkles
Lojistas
Shield
Gerentes de contas
Truck
Logística
Puzzle
Integrações
Referência de Ícones
Mapeamento de ícones Hugeicons antigos para Lucide. Use Lucide em todos os novos componentes.
| Hugeicons Antigo | Lucide Novo |
|---|---|
| Search | Search |
| ShoppingBag | ShoppingBag |
| Heart | Heart |
| User | User |
| MapPin | MapPin |
| Package | Package |
| Menu | Menu |
| MessageCircle | MessageCircle |
| Settings | Settings |
| Bell | Bell |
| HelpCircle | HelpCircle |
| Plus | Plus |
| PanelLeft | PanelLeft |
| MoreHorizontal | MoreHorizontal |
| Pencil | Pencil |
| Trash2 | Trash2 |
| Copy | Copy |
| Eye | Eye |
| ExternalLink | Link2 |
| RefreshCw | RotateCw |
| SlidersHorizontal | Filter |
| ChevronRight | ArrowRight |
| Info | Info |