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

Iconos de carpeta gratis (SVG)

48 iconos de carpeta gratis 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

folder
Lucidefolder
Tablerfolder
Heroiconsfolder
Phosphorfolder
Bootstrap Iconsfolder
Iconoirfolder-16-filled
Fluent UIfolder
Material Symbolsfolder
Material Design Iconsfolder
Carbonfolder-x
Lucidefolder-filled
Tablerfolder-16-solid
Heroiconsfolder-bold
Phosphorfolder-fill
Bootstrap Iconsfolder-16-regular
Fluent UIfolder-outline
Material Symbolsfolder-outline
Material Design Iconsfolder-add
Carbonfolder-up
Lucidefolder-x
Tablerfolder-20-solid
Heroiconsfolder-duotone
Phosphorfolder-x
Bootstrap Iconsfolder-20-filled
Fluent UIfolder-outline-rounded
Material Symbolsfolder-cog
Material Design Iconsfolder-off
Carbonfolder-cog
Lucidefolder-ai
Tablerfolder-solid
Heroiconsfolder-fill
Phosphorfolder-20-regular
Fluent UIfolder-outline-sharp
Material Symbolsfolder-cog-outline
Material Design Iconsfolder-dot
Lucidefolder-up
Tablerfolder-light
Phosphorfolder-24-filled
Fluent UIfolder-rounded
Material Symbolsfolder-eye
Material Design Iconsfolder-git
Lucidefolder-cog
Tablerfolder-thin
Phosphorfolder-24-regular
Fluent UIfolder-sharp
Material Symbolsfolder-eye-outline
Material Design Iconsfolder-key
Lucide

Uso de iconos de carpeta

Las carpetas agrupan archivos y proyectos; una carpeta abierta muestra la ubicación actual.

Todos los iconos de aquí siguen currentColor, así que toman el color de texto del elemento en el que se encuentran: 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 desplace 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, da a ese elemento un aria-label, como “Carpeta”.

Licencias

Estos iconos de carpeta proceden de Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, 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 entre más de 70,000 iconos en el SVG Icon Finder.

Preguntas frecuentes

¿Son gratuitos estos iconos de carpeta para uso comercial?
Sí. Proceden de conjuntos de iconos de código abierto con 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 carpeta?
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.