Fuentes

Font Awesome

Biblioteca de iconos con paquetes gratuitos, Pro y kits para web.

Ofrece iconos vectoriales, fuentes, componentes y kits alojados para integrar pictogramas en interfaces y contenidos digitales.

Ir al sitio oficial

Muestrario tipográfico

Fuentes del sitio y ejemplos servidos por Google Fonts.

  • Bricolage GrotesqueSitio · display

    Hago cosas. Algunas hasta funcionan.

  • GeistSitio · cuerpo

    Laboratorio, repositorio y proyectos en un solo lugar.

  • FrauncesGoogle Fonts

    Titulares con carácter editorial.

  • DM SansGoogle Fonts

    Interfaz limpia y legible en pantalla.

  • JetBrains MonoGoogle Fonts

    const repo = 'marcparra.tech';

Muestrario de iconos

Trazo uniforme 24×24 con Lucide, como en la interfaz del sitio.

  • Buscar
  • Capas
  • Código
  • Datos
  • Carpeta
  • Ajustes
  • Detalle
  • Tipografía

Iconografía funcional del repositorio

Ficha abierta

Para qué sirve y cómo encaja

Ofrece iconos vectoriales, fuentes, componentes y kits alojados para integrar pictogramas en interfaces y contenidos digitales.

Útil cuando se necesita un catálogo amplio, consistente y con integración madura en distintas tecnologías.

No conviene si el proyecto exige un set muy ligero, totalmente propio o una estética menos reconocible.

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
npm install @fortawesome/fontawesome-free
css
@import "@fortawesome/fontawesome-free/css/all.min.css";

<!-- <i class="fa-solid fa-magnifying-glass"></i> -->

Prompt para que tu agente lo instale

Pega esto en Cursor, Claude Code, Codex u otro agente de código:

Prompt
Instala Font Awesome en este proyecto (contexto: sin framework). Documentación oficial: https://docs.fontawesome.com/web/setup/packages. Comando verificado: `npm install @fortawesome/fontawesome-free`. 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

  1. 01

    Free

    Más de dos mil iconos bajo licencia CC BY 4.0 con los estilos solid, regular y brands, suficientes para la mayoría de interfaces.

    Gratis
  2. 02

    Pro Lite

    60 $ al año por la biblioteca Pro y el toolkit, facturado anualmente.

    Pro Lite
  3. 03

    Pro

    120 $ al año, con todos los packs de iconos y estilos adicionales como duotone.

    Pro
  4. 04

    Pro Max

    600 $ al año, orientado a equipos con mucho tráfico y uso intensivo del kit alojado.

    Pro Max

Funcionalidades

Qué puedes hacer con ella

  1. 01

    Múltiples estilos

    Incluye variantes sólidas, regulares, marcas y otros estilos según plan.

  2. 02

    Paquetes y componentes

    Distribuye iconos para SVG, web fonts y frameworks.

  3. 03

    Kits

    Carga y configura subconjuntos alojados para proyectos web.

Cuándo usarla

Dónde encaja y dónde no

Te conviene si…

Útil cuando se necesita un catálogo amplio, consistente y con integración madura en distintas tecnologías.

Mejor otra opción si…

No conviene si el proyecto exige un set muy ligero, totalmente propio o una estética menos reconocible.