As melhores bibliotecas de ícones para as suas interfaces

Os ícones são a parte de um design system que se degrada mais depressa. Começa com um conjunto, falta um ícone, vai buscá-lo a outro, e seis meses depois nada alinha.

A regra que evita isso é aborrecida: escolha uma biblioteca que cubra o seu domínio e só saia dela para logótipos de marca.

Feito por mim

IconKit

3039 ícones em outline e solid, todos em currentColor, com wrappers para web, Flutter, React, Vue, Swift e mais.

iconkit.suils.es

Código aberto

Lucide

A continuação comunitária do Feather: coerente, leve e disponível para qualquer framework.

lucide.dev

Código aberto

Phosphor

Seis pesos do mesmo ícone, algo raro e muito útil em interfaces densas.

phosphoricons.com

Código aberto

Tabler Icons

Mais de cinco mil ícones de traço: a melhor cobertura se o seu produto tem conceitos invulgares.

tabler.io/icons

Código aberto

Heroicons

Conjunto pequeno e cuidado da equipa do Tailwind, ideal se já usa Tailwind.

heroicons.com

Código aberto

Remix Icon

Ícones de sistema neutros com variante de linha e preenchida de tudo.

remixicon.com

Logótipos de marca

Simple Icons

Marcas oficiais com as cores certas, para os logótipos que nenhum conjunto geral inclui.

simpleicons.org

Agregador

Iconify

Pesquise entre duzentos mil ícones de todos os conjuntos e exporte só os que usar.

iconify.design

Escolha o que escolher, aloje os SVG que usa mesmo em vez de carregar uma fonte de ícones inteira: costuma ser a diferença entre 80 KB e 2 KB.

Precisa construir, não só escolher?

Aplicações web, APIs, infraestrutura e interfaces. Freelance desde Barcelona, com clientes em qualquer lugar.

Vamos conversar


Comentários

Leave a Reply

Your email address will not be published. Required fields are marked *