Components
Loading preview...
Here is Featured icons component
@untitledui
npx shadcn@latest add https://21st.dev/r/untitledui/featured-iconsimport { CheckCircle } from "@untitledui/icons";
import { FeaturedIcon } from "@/components/ui/featured-icons";
export default function FeaturedIconsDemo() {
return (
<div className="flex gap-4">
<FeaturedIcon color="brand" icon={CheckCircle} theme="light" size="lg" />
<FeaturedIcon color="brand" icon={CheckCircle} theme="gradient" size="lg" />
<FeaturedIcon color="brand" icon={CheckCircle} theme="dark" size="lg" />
<FeaturedIcon color="gray" icon={CheckCircle} theme="modern" size="lg" />
<FeaturedIcon color="gray" icon={CheckCircle} theme="modern-neue" size="lg" />
</div>
);
}