devpack
EnglishEspañolPortuguêsBahasa IndonesiaFrançaisРусскийDeutschTiếng Việt

Ícones de arquivo grátis (SVG)

48 ícones de arquivo grátis de bibliotecas open source. Clique em um para mudar tamanho, cor e traço, e copie em SVG, JSX, data URI ou CSS.

Atualizado em

file
Lucidefile
Tablerfile
Phosphorfile
Bootstrap Iconsfile-png
Material Symbolsfile
Material Design Iconsfile-x
Carbonfile-x
Lucidefile-filled
Tablerfile-bold
Phosphorfile-fill
Bootstrap Iconsfile-png-outline
Material Symbolsfile-outline
Material Design Iconsfile-up
Lucidefile-x
Tablerfile-duotone
Phosphorfile-x
Bootstrap Iconsfile-png-outline-rounded
Material Symbolsfile-cad
Material Design Iconsfile-box
Lucidefile-x-filled
Tablerfile-fill
Phosphorfile-x-fill
Bootstrap Iconsfile-png-outline-sharp
Material Symbolsfile-cog
Material Design Iconsfile-cog
Lucidefile-3d
Tablerfile-light
Phosphorfile-pdf
Bootstrap Iconsfile-png-rounded
Material Symbolsfile-cog-outline
Material Design Iconsfile-key
Lucidefile-ai
Tablerfile-thin
Phosphorfile-pdf-fill
Bootstrap Iconsfile-png-sharp
Material Symbolsfile-eye
Material Design Iconsfile-pen
Lucidefile-cv
Tablerfile-c
Phosphorfile-ppt
Bootstrap Iconsfile-eye-outline
Material Design Iconsfile-pen-line
Lucidefile-cv-filled
Tablerfile-c-bold
Phosphorfile-ppt-fill
Bootstrap Iconsfile-key
Material Design Iconsfile-isr
Tabler

Usando ícones de arquivo

Ícones de documento representam arquivos, anexos e relatórios; variantes com dobra ou linhas lembram documentos de texto.

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 mude enquanto a página carrega.

Ícones acessíveis

Se o ícone é decorativo ou fica ao lado de texto visível, adicione aria-hidden="true". Se ele é o único conteúdo de um botão ou link, dê a esse elemento um aria-label como “Arquivo”.

Licenças

Estes ícones de arquivo vêm de Lucide, Tabler, Phosphor, Bootstrap Icons, 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.

Perguntas frequentes

Esses ícones de arquivo são grátis para uso comercial?
Sim. Eles vêm de bibliotecas open source sob licenças MIT, ISC ou Apache 2.0, que permitem uso comercial. Mantenha o aviso de licença se redistribuir os próprios arquivos de ícone.
Como mudo a cor de um ícone de arquivo?
Os SVGs usam currentColor, então defina a cor CSS do elemento pai — ou abra o ícone no buscador e escolha uma cor fixa antes de copiar.
Posso usar esses ícones no Webflow ou no React?
Sim. Abra um ícone e use Copiar para Webflow (cola um Code Embed) ou Copiar JSX para um componente React.