Usando ícones de download
Uma seta apontando para baixo dentro de uma bandeja significa download ou exportação; use-a em botões que salvam um arquivo.
Todos os ícones aqui seguem currentColor, então assumem a cor do texto do elemento em que estão — um único 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 que o layout não se mova 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 “Baixar”.
Licenças
Estes ícones de download vêm de Lucide, Tabler, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols, Material Design Icons e Carbon — bibliotecas open-source sob 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.