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

Iconos de archivo gratis (SVG)

48 iconos de archivo de conjuntos de código abierto: haz clic en uno para cambiar su tamaño, color y trazo, y cópialo como SVG, JSX, data URI o CSS.

Actualizado el

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

Usar iconos de archivo

Los iconos de documento representan archivos, adjuntos e informes; las variantes con un pliegue o líneas se leen como documentos de texto.

Todos los iconos aquí siguen currentColor, así que toman el color de texto del elemento en el que se colocan: un mismo SVG funciona en fondos claros y oscuros, en enlaces y en botones. Define un width y un height explícitos (o ajústalos en CSS con 1em) para que el diseño no se mueva mientras carga la página.

Iconos accesibles

Si el icono es decorativo o va junto a texto visible, añade aria-hidden="true". Si es el único contenido de un botón o enlace, dale a ese elemento un aria-label como “Archivo”.

Licencias

Estos iconos de archivo provienen de Lucide, Tabler, Phosphor, Bootstrap Icons, Material Symbols, Material Design Icons y Carbon: conjuntos de código abierto bajo licencias MIT, ISC o Apache 2.0, que permiten el uso personal y comercial. ¿Necesitas otra cosa? Busca más de 70,000+ iconos en el SVG Icon Finder.

Preguntas frecuentes

¿Son gratuitos estos iconos de archivo para uso comercial?
Sí. Provienen de conjuntos de iconos de código abierto bajo licencias MIT, ISC o Apache 2.0, que permiten el uso comercial. Conserva el aviso de licencia si redistribuyes los propios archivos de iconos.
¿Cómo cambio el color de un icono de archivo?
Los SVG usan currentColor, así que define el color CSS del elemento padre, o abre el icono en el buscador y elige un color fijo antes de copiarlo.
¿Puedo usar estos iconos en Webflow o React?
Sí. Abre un icono y usa Copy to Webflow (pega un Code Embed) o Copy JSX para un componente de React.