Vela UI Docs
venizia.ai

git-branch-01

GitBranch01, 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-01.

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

Installation

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

Usage

// components/icons/git-branch-01.tsx
import GitBranch01 from "@/components/icons/git-branch-01"

<GitBranch01 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 GitBranch01Props extends React.SVGProps<SVGSVGElement> {
  size?: number | string;
}

/** Custom vela-ui icon, synced from Figma (node under section "Icons"). */
export function GitBranch01({ size = 24, strokeWidth = 1, className, ref, ...props }: GitBranch01Props) {
  return (
    <svg
      ref={ref}
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      strokeWidth={strokeWidth}
      className={className}
      {...props}
    >
      <path d="M13.9681 18.2209C13.9681 19.5248 15.0252 20.5818 16.3291 20.5818C17.633 20.5818 18.69 19.5248 18.69 18.2209C18.69 16.917 17.633 15.86 16.3291 15.86C15.0252 15.86 13.9681 16.917 13.9681 18.2209ZM13.9681 18.2209H10.0005C7.79144 18.2209 6.00061 16.4302 6.0005 14.2211L6 4M13.5255 8.77719H6M18.69 8.77719C18.69 10.0811 17.633 11.1381 16.3291 11.1381C15.0252 11.1381 13.9681 10.0811 13.9681 8.77719C13.9681 7.47329 15.0252 6.41626 16.3291 6.41626C17.633 6.41626 18.69 7.47329 18.69 8.77719Z" stroke="currentColor" strokeLinecap="round"/>
    </svg>
  );
}
GitBranch01.displayName = "GitBranch01";

export default GitBranch01;