A Discord logo SVG icon component that inherits the current text color for easy theming and sizing.
import { DiscordIcon } from "@/components/ui/discord-icon"; export default function DiscordIconDemo() { return ( <div className="flex items-center gap-10"> <DiscordIcon className="h-8 w-8 text-foreground" /> <DiscordIcon className="h-12 w-12 text-muted-foreground" /> <DiscordIcon className="h-20 w-20 text-[#5865F2]" /> </div> ); }