Si buscas iconos de oficina en PNG para meterlos hoy en una presentación o una web, esta es la lista corta: 8 sitios comprobados, con el formato y la licencia de cada uno.
Hay una cosa que conviene aclarar antes, porque se la salta todo el mundo. «Gratis» no siempre significa que puedas usarlo sin más. En los sitios más conocidos, el plan gratuito te obliga a acreditar al autor en cada pieza donde uses el icono. Si eso no te encaja, la segunda sección de este artículo es la que buscas: librerías con licencia MIT donde no debes nada a nadie.
He rehecho el artículo entero. La versión anterior era de 2013 y, siendo honesta, prometía iconos de oficina y lo que daba eran iconos de blocs de notas.
Iconos de oficina en PNG listos para usar
Estos tres son los catálogos grandes. Aquí encuentras cualquier cosa: edificios de oficinas, escritorios, sillas, impresoras, archivadores, grapadoras.
1. Flaticon
El catálogo más grande con diferencia: más de 217.000 iconos relacionados con oficina. Descarga en PNG, SVG, EPS y PSD, y tiene la interfaz en español. Puedes elegir el tamaño del PNG antes de bajarlo, que es justo lo que necesitas si vas a insertarlo en una web.
La contrapartida: en el plan gratuito hay que acreditar al autor. Si el icono va en una presentación interna da igual, pero en un proyecto de cliente hay que hablarlo o pasar al plan de pago.
Gratis con atribución · Premium sin atribución · Ver iconos de oficina en Flaticon
2. Icons8
Su ventaja es la coherencia visual. Cada icono existe en más de 50 estilos distintos, así que puedes coger toda la serie que necesites en el mismo lenguaje gráfico. Eso importa: mezclar iconos de estilos distintos es el error que más ensucia una interfaz.
Descarga en PNG, SVG y hasta GIF animado, con interfaz en español.
Gratis con atribución · Premium sin atribución · Ver iconos de oficina en Icons8
3. SVG Repo
Este me gusta especialmente porque filtra por estilo: monocolor, multicolor, duotono, contorno, relleno, redondeado o de esquinas vivas. Encuentras el que encaja con tu diseño en vez de conformarte con el primero que aparece.
Son SVG con licencia abierta, aunque conviene mirar la ficha de cada uno porque el repositorio agrupa colecciones de orígenes distintos.
Licencia abierta · Verifica cada colección · Ver iconos de oficina en SVG Repo
Librerías con licencia MIT: gratis de verdad
Aquí está la parte que casi ningún listado en español cuenta, y es la que a mí me resuelve la mayoría de proyectos.
Estas librerías son de código abierto con licencia MIT, ISC o Apache. Traducido: las usas donde quieras, también en trabajos de cliente, sin acreditar a nadie y sin pagar. No hay letra pequeña.
Tienen menos variedad que Flaticon, eso es cierto. Pero para iconos de oficina de uso común —edificio, maletín, calendario, impresora, carpeta, reloj— van sobradas, y la coherencia entre piezas es total porque las dibuja el mismo equipo.
4. Tabler Icons
Más de 5.900 iconos con licencia MIT, todos dibujados sobre una retícula de 24×24 con trazo de 2px. Es la más completa de las librerías abiertas y mi primera opción cuando necesito una serie coherente.
Licencia MIT · Uso comercial sin atribución · Ver Tabler Icons
5. Phosphor Icons
Unos 1.200 iconos, cada uno en seis pesos distintos: fino, ligero, regular, negrita, relleno y duotono. Ese detalle es oro cuando necesitas jerarquía visual: el mismo icono más grueso para lo importante y más fino para lo secundario.
Licencia MIT · Uso comercial sin atribución · Ver Phosphor Icons
6. Lucide
Con licencia ISC, que en la práctica funciona igual que la MIT. Su punto fuerte es la integración: viene empaquetada para React, Vue, Svelte, Angular y Flutter, y tiene plugin de Figma. Si el proyecto acaba en código, te ahorra el trasiego de exportar SVG uno a uno.
Licencia ISC · Uso comercial sin atribución · Ver Lucide
7. Heroicons
Del equipo de Tailwind CSS. Son solo 316 iconos en cuatro estilos, así que es la más limitada de la lista, pero el acabado es impecable. Si ya trabajas con Tailwind, encaja sin fricción.
Licencia MIT · Uso comercial sin atribución · Ver Heroicons
8. Material Symbols de Google
La biblioteca oficial de Google, con licencia Apache 2.0. Tiene ejes variables que te dejan ajustar peso, relleno y grado desde el propio navegador antes de descargar. Para un panel de administración o una herramienta interna es difícil de superar.
Licencia Apache 2.0 · Uso comercial sin atribución · Ver Material Symbols
Tip: si necesitas un set completo de oficina con un estilo propio que no se parezca al de todo el mundo, en Envato Elements tienes packs de iconos con licencia comercial cubierta. El argumento aquí no es el precio, es no llevar los mismos iconos que otras cien webs.
PNG o SVG: cuál te conviene
La mayoría de gente descarga PNG por costumbre. En la mitad de los casos se equivoca.
| PNG | SVG | |
|---|---|---|
| Al ampliarlo | Se pixela | Nítido a cualquier tamaño |
| Cambiar el color | Hay que reeditarlo | Una línea de código o CSS |
| Peso | Mayor | Suele pesar menos |
| Dónde encaja | PowerPoint, Word, redes | Webs, apps, Figma |
| Fondo transparente | Sí | Sí |
Regla rápida: si el icono acaba en una web o una app, usa SVG. Si acaba en una presentación, un documento o una imagen para redes, PNG.
Y un aviso sobre el PNG: descárgalo al menos al doble del tamaño al que lo vas a mostrar. Un icono de 128px puesto a 128px se ve borroso en cualquier pantalla moderna, porque esas pantallas pintan dos o tres píxeles reales por cada punto de diseño.
Cómo cambiar el color de un icono en 10 segundos
Este truco te ahorra abrir Photoshop y es la razón principal para trabajar con SVG.
- Abre el archivo .svg con el Bloc de notas o cualquier editor de texto. Sí, un SVG es texto.
- Busca
fill="#000000"o el color que traiga. - Sustitúyelo por el tuyo, por ejemplo
fill="#1a73e8". - Guarda. Ya está.
Si el icono va en una web, ni eso hace falta. Pega el SVG directamente en el HTML, cambia el fill por fill="currentColor" y a partir de ahí el icono hereda el color del texto. Eso significa que se adapta solo al modo oscuro y a los estados de hover sin que toques nada.
Con PNG esto no se puede hacer. Cada cambio de color son cuatro archivos nuevos y una carpeta desordenada.
Preguntas frecuentes
¿Dónde descargo un icono de oficina en PNG sin registrarme?
En SVG Repo no hace falta cuenta. En Flaticon e Icons8 puedes descargar sin registro con un límite diario. Las librerías MIT tampoco piden nada: te bajas el SVG directamente desde su web.
¿Puedo usar estos iconos de oficina en un proyecto de cliente?
Las librerías MIT, ISC y Apache sí, sin condiciones ni atribución. Flaticon e Icons8 exigen acreditar al autor en el plan gratuito, o pasar al de pago. Si el cliente no quiere créditos visibles, tira de la segunda sección.
¿Cómo convierto un SVG a PNG?
Ábrelo en Figma o Illustrator y expórtalo al tamaño que necesites. Si no tienes ninguno, la mayoría de estas webs te ofrecen ya la descarga en PNG con selector de tamaño, así que te ahorras el paso.
¿Qué tamaño de icono necesito para una web?
Con SVG, ninguno: escala solo. Si vas con PNG, exporta al doble del tamaño de visualización. Para un icono que se ve a 24px, descarga 48px o 72px.
¿Puedo mezclar iconos de sitios distintos?
Técnicamente sí, pero se nota mucho y queda mal. Los grosores de trazo y el nivel de detalle no coinciden entre librerías. Elige una y sácale todo lo que puedas antes de saltar a otra.
¿Qué diferencia hay entre .ico y .png?
El .ico es un formato de Windows para iconos de aplicación y favicons, y puede contener varios tamaños en un archivo. Para diseño web hoy casi no se usa: los favicons modernos se resuelven con PNG y SVG.
Más iconos en el blog
- Iconos de teléfonos gratis: el complemento habitual en una sección de contacto.
- Iconos de usuarios: para perfiles, equipos y «quiénes somos».
- Iconos de libros en PSD: si necesitas el archivo editable en Photoshop.
- Toda la sección de iconos: el resto de colecciones del blog.
- Sistemas de diseño con IA en Figma: para organizar tus iconos como componentes reutilizables.
Con estos ocho sitios cubres cualquier proyecto que se te ponga por delante. Si conoces otra librería abierta que merezca estar aquí, dímelo en los comentarios. Que los disfrutes.
