Heroicons v1.0

Librerías React + Vue

Además de obtener los iconos que necesitas directamente desde el sitio web, ahora puedes instalar nuestras librerías oficiales para React y Vue para un acceso rápido y fácil a cada icono como un componente dedicado.

Así es como se ve con React, por ejemplo:

import { BeakerIcon } from "@heroicons/react/solid";
function MyComponent() {
  return (
    <div>
      <BeakerIcon className="h-5 w-5 text-blue-500" />
      <p>...</p>
    </div>
  );
}

Consulta la documentación en GitHub para saber más.

Recursos para Figma

¡También hemos publicado un archivo oficial de Heroicons para Figma en nuestra nueva página de la Figma Community!

Incluye todos los iconos de Heroicons como componentes individuales de Figma para que puedas usarlos fácilmente en tus proyectos sin tener que importar manualmente cada SVG.

¿Quieres empezar a jugar con él? Visita el sitio web de Heroicons →