Vela UI Docs
venizia.ai

git-branch-05

GitBranch05, one of the 856 Vela UI icons, in the General group: a 24px grid drawn in currentColor, so it takes the colour of the text around it. It installs on its own as @velaui/icon-git-branch-05.

  • 16px
  • 20px
  • 24px
  • 32px

Installation

pnpm dlx velaui add @velaui/icon-git-branch-05

Usage

// components/icons/git-branch-05.tsx
import GitBranch05 from "@/components/icons/git-branch-05"

<GitBranch05 className="size-5 text-muted" />

In use

  • In a button

  • In a sentence

    Due Friday, or whenever the venue confirms.

  • In an input

  • As a badge

    Scheduled

  • In an empty state

    No events on this day yet.

    Browse blocks

Source

import * as React from "react";

export interface GitBranch05Props extends React.SVGProps<SVGSVGElement> {
  size?: number | string;
}

/** Custom vela-ui icon, synced from Figma (node under section "Icons"). */
export function GitBranch05({ size = 24, strokeWidth = 1, className, ref, ...props }: GitBranch05Props) {
  return (
    <svg
      ref={ref}
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      strokeWidth={strokeWidth}
      className={className}
      {...props}
    >
      <path d="M6.66667 8.34197C8.13943 8.34197 9.33333 7.14613 9.33333 5.67098C9.33333 4.19584 8.13943 3 6.66667 3C5.19391 3 4 4.19584 4 5.67098C4 7.14613 5.19391 8.34197 6.66667 8.34197ZM6.66667 8.34197V20.0667M17.3333 14.7247C18.8061 14.7247 20 15.9205 20 17.3957C20 18.8708 18.8061 20.0667 17.3333 20.0667C15.8606 20.0667 14.6667 18.8708 14.6667 17.3957C14.6667 15.9205 15.8606 14.7247 17.3333 14.7247ZM17.3333 14.7247V8.37757C17.3333 6.90481 16.1394 5.7109 14.6667 5.7109H13.0667" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
    </svg>
  );
}
GitBranch05.displayName = "GitBranch05";

export default GitBranch05;