Icons

Component 127

About

Extension of Shadcn icons with Prism UI logo, chevron right, book, and component icons.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Icons to your project and fits it to your theme.

Code

How Icons is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import { Icons } from "@/components/ui/icons";

function IconsDemo() {
  return (
    <div className="grid grid-cols-3 gap-4 p-4 md:grid-cols-4 lg:grid-cols-6">
      {Object.entries(Icons).map(([name, Icon]) => (
        <div
          key={name}
          className="flex flex-col items-center justify-center gap-2 rounded-lg border p-4"
        >
          <Icon className="h-8 w-8" />
          <span className="text-sm text-gray-600">{name}</span>
        </div>
      ))}
    </div>
  )
}

export { IconsDemo };