Vela UI Docs
venizia.ai

bezier-02

Bezier02, 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-bezier-02.

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

Installation

pnpm dlx velaui add @velaui/icon-bezier-02

Usage

// components/icons/bezier-02.tsx
import Bezier02 from "@/components/icons/bezier-02"

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

/** Custom vela-ui icon, synced from Figma (node under section "Icons"). */
export function Bezier02({ size = 24, strokeWidth = 0, className, ref, ...props }: Bezier02Props) {
  return (
    <svg
      ref={ref}
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      strokeWidth={strokeWidth}
      className={className}
      {...props}
    >
      <path d="M9.12636 7.13427C9.40251 7.13427 9.62636 6.91041 9.62636 6.63427C9.62636 6.35813 9.40251 6.13427 9.12636 6.13427V6.63427V7.13427ZM3.62298 6.13427C3.34683 6.13427 3.12298 6.35813 3.12298 6.63427C3.12298 6.91041 3.34683 7.13427 3.62298 7.13427V6.63427V6.13427ZM20.4 7.13427C20.6761 7.13427 20.9 6.91041 20.9 6.63427C20.9 6.35813 20.6761 6.13427 20.4 6.13427V6.63427V7.13427ZM14.6298 6.13427C14.3536 6.13427 14.1298 6.35813 14.1298 6.63427C14.1298 6.91041 14.3536 7.13427 14.6298 7.13427V6.63427V6.13427ZM10.5161 4.7998V5.2998H13.2307V4.7998V4.2998H10.5161V4.7998ZM14.1356 5.70466H13.6356V8.41925H14.1356H14.6356V5.70466H14.1356ZM13.2307 9.32411V8.82411H10.5161V9.32411V9.82411H13.2307V9.32411ZM9.61125 8.41925H10.1113V5.70466H9.61125H9.11125V8.41925H9.61125ZM10.5161 9.32411V8.82411C10.2925 8.82411 10.1113 8.64284 10.1113 8.41925H9.61125H9.11125C9.11125 9.19513 9.74023 9.82411 10.5161 9.82411V9.32411ZM14.1356 8.41925H13.6356C13.6356 8.64285 13.4543 8.82411 13.2307 8.82411V9.32411V9.82411C14.0066 9.82411 14.6356 9.19513 14.6356 8.41925H14.1356ZM13.2307 4.7998V5.2998C13.4543 5.2998 13.6356 5.48107 13.6356 5.70466H14.1356H14.6356C14.6356 4.92878 14.0066 4.2998 13.2307 4.2998V4.7998ZM10.5161 4.7998V4.2998C9.74023 4.2998 9.11125 4.92878 9.11125 5.70466H9.61125H10.1113C10.1113 5.48107 10.2925 5.2998 10.5161 5.2998V4.7998ZM3.30486 14.5836V15.0836H6.01944V14.5836V14.0836H3.30486V14.5836ZM6.9243 15.4885H6.4243V18.203H6.9243H7.4243V15.4885H6.9243ZM6.01944 19.1079V18.6079H3.30486V19.1079V19.6079H6.01944V19.1079ZM2.4 18.203H2.9V15.4885H2.4H1.9V18.203H2.4ZM3.30486 19.1079V18.6079C3.08126 18.6079 2.9 18.4266 2.9 18.203H2.4H1.9C1.9 18.9789 2.52898 19.6079 3.30486 19.6079V19.1079ZM6.9243 18.203H6.4243C6.4243 18.4266 6.24304 18.6079 6.01944 18.6079V19.1079V19.6079C6.79533 19.6079 7.4243 18.9789 7.4243 18.203H6.9243ZM6.01944 14.5836V15.0836C6.24304 15.0836 6.4243 15.2649 6.4243 15.4885H6.9243H7.4243C7.4243 14.7126 6.79533 14.0836 6.01944 14.0836V14.5836ZM3.30486 14.5836V14.0836C2.52898 14.0836 1.9 14.7126 1.9 15.4885H2.4H2.9C2.9 15.2649 3.08126 15.0836 3.30486 15.0836V14.5836ZM17.9806 14.5836V15.0836H20.6951V14.5836V14.0836H17.9806V14.5836ZM21.6 15.4885H21.1V18.203H21.6H22.1V15.4885H21.6ZM20.6951 19.1079V18.6079H17.9806V19.1079V19.6079H20.6951V19.1079ZM17.0757 18.203H17.5757V15.4885H17.0757H16.5757V18.203H17.0757ZM17.9806 19.1079V18.6079C17.757 18.6079 17.5757 18.4266 17.5757 18.203H17.0757H16.5757C16.5757 18.9789 17.2047 19.6079 17.9806 19.6079V19.1079ZM21.6 18.203H21.1C21.1 18.4266 20.9187 18.6079 20.6951 18.6079V19.1079V19.6079C21.471 19.6079 22.1 18.9789 22.1 18.203H21.6ZM20.6951 14.5836V15.0836C20.9187 15.0836 21.1 15.2649 21.1 15.4885H21.6H22.1C22.1 14.7126 21.471 14.0836 20.6951 14.0836V14.5836ZM17.9806 14.5836V14.0836C17.2047 14.0836 16.5757 14.7126 16.5757 15.4885H17.0757H17.5757C17.5757 15.2649 17.757 15.0836 17.9806 15.0836V14.5836ZM9.12636 6.63427V6.13427H3.62298V6.63427V7.13427H9.12636V6.63427ZM20.4 6.63427V6.13427H14.6298V6.63427V7.13427H20.4V6.63427ZM4.84595 13.3606H4.34595V14.5836H4.84595H5.34595V13.3606H4.84595ZM19.5217 13.3606H19.0217V14.5836H19.5217H20.0217V13.3606H19.5217ZM4.84595 13.3606H5.34595C5.34595 10.8303 6.7201 8.62031 8.76524 7.43726L8.51488 7.00445L8.26451 6.57165C5.92308 7.9261 4.34595 10.4589 4.34595 13.3606H4.84595ZM15.8527 7.00445L15.6024 7.43726C17.6475 8.62031 19.0217 10.8303 19.0217 13.3606H19.5217H20.0217C20.0217 10.4589 18.4445 7.9261 16.1031 6.57165L15.8527 7.00445Z" fill="currentColor"/>
    </svg>
  );
}
Bezier02.displayName = "Bezier02";

export default Bezier02;