Twitter/X Logo

PreviousNext

Twitter (X) logo component with theme-adaptive colors

Docs
elementsui

Preview

Loading preview…
registry/default/blocks/logos/twitter-logo/components/logos/twitter.tsx
export function TwitterLogo({ className }: { className?: string }) {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width="1200"
      height="1227"
      fill="none"
      viewBox="0 0 1200 1227"
      className={className || "w-8 h-8"}
    >
      <title>Twitter Logo</title>
      <path
        fill="currentColor"
        d="M714.163 519.284 1160.89 0h-105.86L667.137 450.887 357.328 0H0l468.492 681.821L0 1226.37h105.866l409.625-476.152 327.181 476.152H1200L714.137 519.284h.026ZM569.165 687.828l-47.468-67.894-377.686-540.24h162.604l304.797 435.991 47.468 67.894 396.2 566.721H892.476L569.165 687.854v-.026Z"
      />
    </svg>
  );
}

Installation

npx shadcn@latest add @elements/twitter-logo

Usage

import { TwitterLogo } from "@/components/ui/twitter-logo"
<TwitterLogo />