Vela UI Docs
venizia.ai

currency-bitcoin

CurrencyBitcoin, 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-currency-bitcoin.

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

Installation

pnpm dlx velaui add @velaui/icon-currency-bitcoin

Usage

// components/icons/currency-bitcoin.tsx
import CurrencyBitcoin from "@/components/icons/currency-bitcoin"

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

/** Custom vela-ui icon, synced from Figma (node under section "Icons"). */
export function CurrencyBitcoin({ size = 24, strokeWidth = 1, className, ref, ...props }: CurrencyBitcoinProps) {
  return (
    <svg
      ref={ref}
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      strokeWidth={strokeWidth}
      className={className}
      {...props}
    >
      <path d="M6.5 6H14.5C15.2956 6 16.0587 6.31607 16.6213 6.87868C17.1839 7.44129 17.5 8.20435 17.5 9C17.5 9.79565 17.1839 10.5587 16.6213 11.1213C16.0587 11.6839 15.2956 12 14.5 12M14.5 12C15.2956 12 16.0587 12.3161 16.6213 12.8787C17.1839 13.4413 17.5 14.2044 17.5 15C17.5 15.7956 17.1839 16.5587 16.6213 17.1213C16.0587 17.6839 15.2956 18 14.5 18H6.5M14.5 12H8.5M8.5 6V18M9.5 3V6M13.5 3V6M9.5 18V21M13.5 18V21" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
    </svg>
  );
}
CurrencyBitcoin.displayName = "CurrencyBitcoin";

export default CurrencyBitcoin;