Licencias de los íconos y las fuentes del CV
Todos los SVG de esta carpeta están autoalojados (no se cargan de ninguna CDN) y se descargaron de sus librerías originales. Ninguno viene del sitio del compañero.
- Logos de marca (
icons/stack/): son marcas registradas de sus respectivos dueños. La licencia (CC0, MIT…) cubre el archivo SVG, no la marca. Se usan solo de forma nominativa, para indicar que Marco usa esa tecnología, sin insinuar patrocinio ni respaldo. No se deforman ni se recolorean (salvo las variantes monocromas claras que las propias marcas publican; ver la columna Recolor). - Íconos pixel (
icons/pixel/): pixelarticons 2.4.1, licencia MIT, © 2019 Gerrit Halfmann. Se pintan con currentColor (máscara CSS). - En la página, los logos se muestran en gris y toman su color de marca al pasar el cursor o con el foco. El rojo
#ff2020 nunca se aplica dentro de un logo: solo al borde y al brillo de la ficha.
Datos completos (origen, IoU, contraste, avisos): docs/rediseno-cv/iconos/set-marco-estilo-companero.json.
Logos de tecnologías (icons/stack/)
| Archivo | Tecnología | Librería | Licencia del archivo | Recolor |
|---|
icons/stack/javascript.svg | JavaScript | material-icon-theme | MIT | — |
icons/stack/typescript.svg | TypeScript | material-icon-theme | MIT | — |
icons/stack/html.svg | HTML | vscode-icons | MIT (iconos de marca: propiedad de cada marca) | — |
icons/stack/css.svg | CSS | devicon | MIT | — |
icons/stack/sql.svg | SQL | vscode-icons | MIT (iconos de marca: propiedad de cada marca) | — |
icons/stack/python.svg | Python | gilbarbara/logos | CC0-1.0 | — |
icons/stack/c.svg | C | gilbarbara/logos | CC0-1.0 | — |
icons/stack/cpp.svg | C++ | gilbarbara/logos | CC0-1.0 | — |
icons/stack/react.svg | React | devicon | MIT | — |
icons/stack/react-native.svg | React Native | devicon | MIT | — |
icons/stack/nextjs.svg | Next.js | teenyicons | MIT | #f3f1ea |
icons/stack/nodejs.svg | Node.js | vscode-icons | MIT (iconos de marca: propiedad de cada marca) | — |
icons/stack/expo.svg | Expo | gilbarbara/logos | CC0-1.0 | #f3f1ea |
icons/stack/tailwindcss.svg | Tailwind CSS | vscode-icons | MIT (iconos de marca: propiedad de cada marca) | — |
icons/stack/framer-motion.svg | Framer Motion | svgl | MIT (repositorio); los logos son marcas de sus dueños | — |
icons/stack/postgresql.svg | PostgreSQL | gilbarbara/logos | CC0-1.0 | — |
icons/stack/mysql.svg | MySQL | devicon 2.17.0 (mysql-original) | MIT | #00758F (azul oficial de MySQL; el archivo trae #00618A, que no llega a 3:1 sobre el fondo oscuro) |
icons/stack/firebase.svg | Firebase | gilbarbara/logos | CC0-1.0 | — |
icons/stack/sqlite.svg | SQLite | vscode-icons | MIT (iconos de marca: propiedad de cada marca) | — |
icons/stack/supabase.svg | Supabase | svgl | MIT (repositorio); los logos son marcas de sus dueños | — |
icons/stack/claude.svg | Claude | gilbarbara/logos | CC0-1.0 | — |
icons/stack/gemini.svg | Gemini | gilbarbara/logos | CC0-1.0 | — |
icons/stack/github-copilot.svg | GitHub Copilot | svgl | MIT (repositorio); los logos son marcas de sus dueños | — |
icons/stack/opencode.svg | OpenCode | vscode-icons | MIT (iconos de marca: propiedad de cada marca) | — |
icons/stack/antigravity.svg | Antigravity IDE | gilbarbara/logos | CC0-1.0 | — |
icons/stack/openrouter.svg | OpenRouter | svgl | MIT (repositorio); los logos son marcas de sus dueños | — |
icons/stack/git.svg | Git | vscode-icons | MIT (iconos de marca: propiedad de cada marca) | — |
icons/stack/github.svg | GitHub | svgl | MIT (repositorio); los logos son marcas de sus dueños | — |
icons/stack/docker.svg | Docker | gilbarbara/logos | CC0-1.0 | — |
icons/stack/digitalocean.svg | DigitalOcean | gilbarbara/logos | CC0-1.0 | — |
icons/stack/n8n.svg | n8n | gilbarbara/logos | CC0-1.0 | — |
icons/stack/vercel.svg | Vercel | radix-icons | MIT | #f3f1ea |
icons/stack/wireshark.svg | Wireshark | simple-icons | CC0-1.0 (cada marca tiene sus propias guías) | #1679A7 |
icons/stack/telegram.svg | Telegram Bot API | gilbarbara/logos | CC0-1.0 | — |
icons/stack/cloudflare-workers.svg | Cloudflare Workers | simple-icons 16.34.0 | CC0-1.0 (cada marca tiene sus propias guías) | #F38020 |
icons/stack/github-actions.svg | GitHub Actions | simple-icons 16.34.0 | CC0-1.0 (cada marca tiene sus propias guías) | #2088FF |
icons/stack/vite.svg | Vite | simple-icons 16.34.0 | CC0-1.0 (cada marca tiene sus propias guías) | #9135FF |
icons/stack/threejs.svg | three.js | simple-icons 16.34.0 | CC0-1.0 (cada marca tiene sus propias guías) | #f3f1ea |
icons/stack/gsap.svg | GSAP | simple-icons 16.34.0 | CC0-1.0 (cada marca tiene sus propias guías) | #88CE02 |
icons/stack/mcp.svg | Model Context Protocol | simple-icons 16.34.0 | CC0-1.0 (cada marca tiene sus propias guías) | #f3f1ea |
Íconos pixel (icons/pixel/)
| Archivo | Uso | Archivo original en pixelarticons |
|---|
icons/pixel/inicio.svg | Inicio | home.svg |
icons/pixel/proyectos.svg | Proyectos | folder.svg |
icons/pixel/sobre-mi.svg | Sobre mí | user.svg |
icons/pixel/tecnologias.svg | Tecnologías | save.svg |
icons/pixel/contacto.svg | Contacto | mail.svg |
icons/pixel/github-bit.svg | GitHub | github.svg |
icons/pixel/linkedin-bit.svg | LinkedIn | linkedin.svg |
icons/pixel/mail-bit.svg | Correo | mail.svg |
icons/pixel/terminal.svg | Terminal | terminal.svg |
icons/pixel/prompt-engineering.svg | Prompt Engineering | message-text.svg |
icons/pixel/ai-chatbot.svg | AI Chatbot | robot-face.svg |
icons/pixel/real-time.svg | Real-time | zap.svg |
icons/pixel/vlans.svg | VLANs | server.svg |
icons/pixel/rssi.svg | RSSI Analysis | wifi.svg |
icons/pixel/rlhf.svg | RLHF | ai-user-circle.svg |
icons/pixel/descargar.svg | Descargar CV | download.svg |
icons/pixel/enlace.svg | Enlace externo | external-link.svg |
icons/pixel/arrow-right.svg | Flecha de acción | arrow-right.svg |
icons/pixel/play.svg | Botón «Ver proyectos» | play.svg |
icons/pixel/server.svg | Concepto: servidor / VPS | server.svg |
icons/pixel/cpu.svg | Concepto: chip (IA) | cpu.svg |
icons/pixel/globe.svg | Concepto: sitio web | globe.svg |
icons/pixel/smartphone.svg | Concepto: app móvil | smartphone.svg |
icons/pixel/monitor.svg | Concepto: escritorio | monitor.svg |
icons/pixel/code.svg | Concepto: código | code.svg |
icons/pixel/copy.svg | Copiar al portapapeles | copy.svg |
icons/pixel/check.svg | Confirmación | check.svg |
icons/pixel/map-pin.svg | Ubicación | map-pin.svg |
icons/pixel/file-text.svg | Documento (CV) | file-text.svg |
icons/pixel/signal.svg | Concepto: redes | signal.svg |
icons/pixel/close.svg | Cerrar | close.svg |
icons/pixel/menu.svg | Menú móvil | menu.svg |
icons/pixel/chart-bar-big.svg | Concepto: analítica | chart-bar-big.svg |
icons/pixel/zoom-in.svg | Páginas de proyecto: «Ampliar» captura | zoom-in.svg |
icons/pixel/image.svg | Páginas de proyecto: galería / visor de imágenes | image.svg |
icons/pixel/chevron-left.svg | Páginas de proyecto: imagen anterior | chevron-left.svg |
icons/pixel/chevron-right.svg | Páginas de proyecto: imagen siguiente | chevron-right.svg |
icons/pixel/arrow-left.svg | Páginas de proyecto: volver a proyectos | arrow-left.svg |
icons/pixel/calendar.svg | Concepto: calendario (MiDosis) | calendar.svg |
icons/pixel/bell.svg | Concepto: notificaciones / recordatorios | bell.svg |
icons/pixel/database.svg | Concepto: base de datos (diagramas) | database.svg |
icons/pixel/users.svg | Concepto: usuarios / roles (diagramas) | users.svg |
icons/pixel/lock.svg | Concepto: autenticación / repositorio privado | lock.svg |
icons/pixel/map.svg | Concepto: mapa (NurseGo) | map.svg |
Licencias de las librerías
Fuentes tipográficas (fonts/)
Autoalojadas desde el 2026-10-05 (antes se cargaban de Google Fonts en cada visita). Son el subconjunto latin que sirve Google Fonts, en formato WOFF2, sin modificar.
| Archivo | Familia | Licencia | Texto de la licencia |
|---|
fonts/inter-latin-var.woff2 | Inter (variable, 100–900) © The Inter Project Authors | SIL Open Font License 1.1 | fonts/OFL-inter.txt |
fonts/space-grotesk-latin-var.woff2 | Space Grotesk (variable, 300–700) © The Space Grotesk Project Authors | SIL Open Font License 1.1 | fonts/OFL-spacegrotesk.txt |
fonts/space-mono-400-latin.woff2 | Space Mono Regular © The Space Mono Project Authors | SIL Open Font License 1.1 | fonts/OFL-spacemono.txt |
fonts/space-mono-700-latin.woff2 | Space Mono Bold © The Space Mono Project Authors | SIL Open Font License 1.1 | fonts/OFL-spacemono.txt |
Guía de uso de marcas
- Los logos son marcas registradas de sus dueños: la licencia CC0/MIT cubre el archivo SVG, no da permiso de marca. Usarlos solo para decir "uso esta tecnología" (uso nominativo), sin insinuar patrocinio.
- No deformar, rotar ni recolorear logos a color. El recoloreo hecho (#f3f1ea en Next.js, Vercel, Expo; #1679A7 en Wireshark) sigue las versiones monocromas que publican esas marcas, y MySQL usa su azul oficial (#00758F).
- OpenAI, Anthropic/Claude, GitHub/Copilot, Google (Gemini/Gemma) y Meta piden no alterar el logo y dejar espacio alrededor: en chips de 22 px dejar al menos 2 px de aire.
- Cisco es restrictivo con el uso de su logo por terceros: lo más seguro es dejar "Cisco Packet Tracer" solo como texto, o usar un ícono genérico de red (pixelarticons server/wifi).
- Llama tiene guías propias de Meta; si se usa el logo de Meta, que el texto diga "Llama (Meta)".
- No reutilizar los archivos del sitio del compañero aunque sean de terceros: varios exigen atribución (Icons8, svgstack) o tienen origen dudoso (github potrace, react).
Avisos técnicos
- framer-motion.svg es un símbolo ancho (las barras amarillas de Motion, proporción 2,86:1): en chip de 22 px se ve chico; valorar 18×52 px o solo texto.
- n8n (1,9:1) es un logo ancho: se usa object-fit: contain con caja más ancha (
.logo--wide). - Cisco Packet Tracer se muestra con un ícono genérico (pixelarticons
monitor), no con el logo de Cisco. - Retirados el 2026-10-05 porque ninguna página los usaba:
anthropic.svg, cisco-packet-tracer.svg, gemma.svg y llama.svg. - Retirados el 2026-11-04 porque Marco no los ha usado (D-1227):
chatgpt.svg y cursor.svg. - cpp.svg: la cara azul oscuro (#00599C) queda a ~2,7:1 sobre #0a0a0a; se identifica por la parte clara.
- react.svg y react-native.svg son el mismo archivo (devicon react-original), igual que hace el compañero.
- Antes de pasar a public/: optimizar con svgo (quitar comentarios, metadata y width/height fijos).
- Optimización aplicada al copiarlos a
public/: se quitaron declaraciones XML, comentarios, <metadata> y espacios entre etiquetas. No se cambió ningún trazado ni color.