Como usar ícones de fechar
Um × fecha diálogos, descarta avisos e limpa campos. Dê ao botão um estado de foco visível e um aria-label.
Todos os ícones aqui seguem currentColor, então herdam a cor do texto do elemento em que estão. Assim, um mesmo SVG funciona em fundos claros e escuros, em links e em botões. Defina um width e um height explícitos (ou dimensione-os no CSS com 1em) para o layout não mudar enquanto a página carrega.
Ícones acessíveis
Se o ícone for decorativo ou estiver ao lado de um texto visível, adicione aria-hidden="true". Se ele for o único conteúdo de um botão ou link, dê a esse elemento um aria-label, como “Fechar”.
Licenças
Estes ícones de fechar vêm de Lucide, Tabler, Iconoir, Fluent UI, Material Symbols, Material Design Icons e Carbon. São conjuntos open-source sob as licenças MIT, ISC ou Apache 2.0, que permitem uso pessoal e comercial. Precisa de outra coisa? Pesquise todos os mais de 70.000 ícones no SVG Icon Finder.
Buscador de Ícones SVG
Busque 70.000+ ícones SVG open source — Lucide, Tabler, Heroicons, Phosphor, Bootstrap, Material e mais.