This app uses mainly Lucide React Icons.

For other icons, especially brand logos, refer to the file app/_components/Icons.tsx.

This file can be imported as import { Icons } from '@/ui/Icons';

Add your own in the same style as the others to use them throughout the app. The file currently contains the following icons:

Special Icon:

  • ArrowDown

Brand Logos:

  • Facebook
  • Lucide
  • React
  • Tailwind
  • X
  • shadcn
  • NextJS
  • Clerk
  • TypeScript
  • Vercel
  • Stripe
  • Umami
  • Resend
  • GitHub
  • Zustand

These Icons can then be used within the app by adding the component as follows: < Icon.Facebook props={optional-props}/ >

Interested in kickstarting your next project?

Get the latest boilerplates, components, and news straight to your inbox.

By signing up, you agree to our Privacy Policy