GitLab Logo

PreviousNext

GitLab logo component with brand colors

Docs
elementsui

Preview

Loading preview…
registry/default/blocks/logos/gitlab-logo/components/logos/gitlab.tsx
export function GitLabLogo({ className }: { className?: string }) {
  return (
    <svg
      viewBox="0 0 32 32"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      aria-labelledby="tanukiHomeDesktop"
      className={className || "w-8 h-8"}
    >
      <title>GitLab Logo</title>
      <path
        d="m31.46 12.78-.04-.12-4.35-11.35A1.14 1.14 0 0 0 25.94.6c-.24 0-.47.1-.66.24-.19.15-.33.36-.39.6l-2.94 9h-11.9l-2.94-9A1.14 1.14 0 0 0 6.07.58a1.15 1.15 0 0 0-1.14.72L.58 12.68l-.05.11a8.1 8.1 0 0 0 2.68 9.34l.02.01.04.03 6.63 4.97 3.28 2.48 2 1.52a1.35 1.35 0 0 0 1.62 0l2-1.52 3.28-2.48 6.67-5h.02a8.09 8.09 0 0 0 2.7-9.36Z"
        fill="#E24329"
      />
      <path
        d="m31.46 12.78-.04-.12a14.75 14.75 0 0 0-5.86 2.64l-9.55 7.24 6.09 4.6 6.67-5h.02a8.09 8.09 0 0 0 2.67-9.36Z"
        fill="#FC6D26"
      />
      <path
        d="m9.9 27.14 3.28 2.48 2 1.52a1.35 1.35 0 0 0 1.62 0l2-1.52 3.28-2.48-6.1-4.6-6.07 4.6Z"
        fill="#FCA326"
      />
      <path
        d="M6.44 15.3a14.71 14.71 0 0 0-5.86-2.63l-.05.12a8.1 8.1 0 0 0 2.68 9.34l.02.01.04.03 6.63 4.97 6.1-4.6-9.56-7.24Z"
        fill="#FC6D26"
      />
    </svg>
  );
}

Installation

npx shadcn@latest add @elements/gitlab-logo

Usage

import { GitlabLogo } from "@/components/ui/gitlab-logo"
<GitlabLogo />