Fuentes
Phosphor Icons
Familia flexible de iconos con varios pesos y paquetes por framework.
Biblioteca MIT con SVG, catálogo estructurado y componentes para React, Vue, Flutter y otras plataformas mantenidas por el proyecto.
Ir al sitio oficialMuestrario tipográfico
Fuentes del sitio y ejemplos servidos por Google Fonts.
Hago cosas. Algunas hasta funcionan.
Laboratorio, repositorio y proyectos en un solo lugar.
Titulares con carácter editorial.
Interfaz limpia y legible en pantalla.
const repo = 'marcparra.tech';
Ficha abierta
Para qué sirve y cómo encaja
Biblioteca MIT con SVG, catálogo estructurado y componentes para React, Vue, Flutter y otras plataformas mantenidas por el proyecto.
Útil para sistemas de diseño que necesitan controlar peso, relleno y tono visual sin mezclar familias distintas.
No incluye por sí solo un proceso de selección, accesibilidad o reducción de bundle para cada proyecto.
Uso en tu proyecto
Instalación e importación
Comandos y fragmentos tomados de la documentación oficial. Elige tu caso, cópialos tal cual o pásale el prompt a tu agente.
npm install @phosphor-icons/webimport "@phosphor-icons/web/regular";
// <i class="ph ph-magnifying-glass"></i>Prompt para que tu agente lo instale
Pega esto en Cursor, Claude Code, Codex u otro agente de código:
Instala Phosphor Icons en este proyecto (contexto: sin framework). Documentación oficial: https://github.com/phosphor-icons/core#web. Comando verificado: `npm install @phosphor-icons/web`. Haz solo la instalación o importación base indicada en esta pestaña; no asumas stack ni configuración del proyecto. Cuando termines, pregunta al usuario cómo quiere integrarlo o qué contexto necesitas para los siguientes pasos.Planes y modelos
Cómo se paga y qué incluye cada opción
- 01Gratis
Open source
Licencia MIT para las más de nueve mil piezas del set y sus seis pesos, sin coste ni atribución obligatoria.
Funcionalidades
Qué puedes hacer con ella
- 01
Pesos múltiples
Cada icono dispone de variantes como thin, regular, bold, fill y duotone.
- 02
Paquetes por plataforma
Ofrece implementaciones para varios frameworks y entornos.
- 03
SVG originales
Publica los recursos vectoriales y metadatos en su repositorio core.
Cuándo usarla
Dónde encaja y dónde no
Te conviene si…
Útil para sistemas de diseño que necesitan controlar peso, relleno y tono visual sin mezclar familias distintas.
Mejor otra opción si…
No incluye por sí solo un proceso de selección, accesibilidad o reducción de bundle para cada proyecto.