PlaneUm idioma visual, uma única biblioteca.
Usamos exclusivamente os ícones Lucide para manter desenho, proporção e comportamento consistentes em produtos, conteúdos e ferramentas.
Princípio
Claros antes de expressivos.
Ícones apoiam orientação e compreensão. Eles não substituem palavras quando a ação pode ser ambígua e não devem competir com os elementos proprietários da marca.
- Tamanho-base
- 24 px
- Traço-base
- 2 px
- Terminais
- Arredondados
- Cor
- Herdada do contexto
Mobilidade, rotas e lugares
Seleção recomendada para rotas, trabalho em qualquer lugar, transporte, localização e vida internacional.
PlaneTakeoffPlaneLandingLuggageMapMapPinNavigationCompassGlobe2RouteTicketLanguagesTrainFrontBusFrontShipInterface e administração
Ações essenciais para navegação, feedback, arquivos, filtros, pessoas e configurações.
ChevronLeftChevronRightChevronUpChevronDownArrowLeftArrowRightArrowUpArrowDownXCheckPlusEllipsisMenuSearchFilterSettingsDownloadUploadExternalLinkCopyPencilHomeUserUsersMailCalendarClockCircleHelpAlertTriangleRegras de uso
Use o nome oficial do componente no código e mantenha o ícone alinhado à grade do controle.
- 18–20 px em controles compactos
- 24 px em navegação e ações padrão
- 1,5–2 px de traço conforme a escala
- Sempre incluir rótulo ou nome acessível
- Nunca misturar estilos filled e outline
- Não redesenhar ícones para “combinar” com a marca