Copertura icone 2026: quante icone servono davvero

Un catalogo con 12.808 icone non risolve il problema di un prodotto. Il problema è: ho l’icona giusta, nello stesso stile delle altre? La copertura si misura sul set che usi, non sul totale disponibile.

EneUI indicizza 12.808 icone in cinque famiglie SVG al 31 ottobre 2026: Tabler, Remix, Bootstrap Icons, Lucide e Heroicons.

Le famiglie, per stile

Le licenze sono permissive, ma restano licenze: Apache 2.0 richiede di conservare l’avviso, MIT e ISC richiedono il testo della licenza. Un’icona è software.

Perché i duplicati contano

Lo stesso nome esiste in più famiglie con disegni diversi. `home` in Tabler, Lucide e Heroicons non è la stessa icona: cambiano griglia, tratto e proporzioni. Se prendi un’icona da ogni famiglia, il set sembra assemblato.

• Scegli una famiglia primaria e usala per il 90% delle icone.
• Ammetti eccezioni solo per marchi (logo di terze parti), che hanno regole proprie.
• Definisci una taglia base e un peso di tratto, poi non cambiarli per schermata.
• Controlla che ogni icona abbia un nome stabile: gli alias cambiano tra versioni.

L’impatto sul bundle

Importare un pacchetto intero è il modo più semplice per pagare 500 KB di icone. Con un bundler moderno, l’import nominato viene scosso dal tree-shaking, ma il risultato dipende dal formato esportato.

// Pesante: trascina l'intero set
import * as icons from "lucide-react";

// Leggero: entra solo l'icona usata
import { Search } from "lucide-react";

export function SearchIcon() {
  return ;
}

Accessibilità: due righe che nessuno scrive

Un’icona decorativa accanto a un testo va nascosta agli screen reader con `aria-hidden`. Un’icona che è l’unico contenuto di un bottone ha bisogno di un nome accessibile.

Come misurare la tua copertura

• Elenca le icone usate nel prodotto e confrontale con la famiglia scelta.
• Conta quante eccezioni stai importando da altre famiglie.
• Se superano il 10%, il set non è coerente: scegli un’altra famiglia o accetta un compromesso esplicito.

Il browser completo è su /icons, con ricerca per nome e filtro per famiglia.