About
Compass SVG logo with optional wordmark for CourseCompass. Accepts size, primaryColor (cardinal red), accentColor (gold needle), and showWordmark props. Used in nav and footer across all school instances.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds CourseCompass Logo to your project and fits it to your theme.
Code
How CourseCompass Logo is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import CourseCompassLogo from "@/components/ui/course-compass-logo"
export default function Demo() {
return <CourseCompassLogo />
}







