Twitch Logo

PreviousNext

Twitch logo component with brand purple

Docs
elementsui

Preview

Loading preview…
registry/default/blocks/logos/twitch-logo/components/logos/twitch.tsx
export function TwitchLogo({ className }: { className?: string }) {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      xmlSpace="preserve"
      viewBox="0 0 2400 2800"
      className={className || "w-8 h-8"}
    >
      <title>Twitch Logo</title>
      <path
        fill="#fff"
        d="m2200 1300-400 400h-400l-350 350v-350H600V200h1600z"
      />
      <g fill="#9146ff">
        <path d="M500 0 0 500v1800h600v500l500-500h400l900-900V0H500zm1700 1300-400 400h-400l-350 350v-350H600V200h1600v1100z" />
        <path d="M1700 550h200v600h-200zm-550 0h200v600h-200z" />
      </g>
    </svg>
  );
}

Installation

npx shadcn@latest add @elements/twitch-logo

Usage

import { TwitchLogo } from "@/components/ui/twitch-logo"
<TwitchLogo />