Vela UI Docs
venizia.ai

currency-coin-bitcoin

CurrencyCoinBitcoin, 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-coin-bitcoin.

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

Installation

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

Usage

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

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

/** Custom vela-ui icon, synced from Figma (node under section "Icons"). */
export function CurrencyCoinBitcoin({ size = 24, strokeWidth = 1, className, ref, ...props }: CurrencyCoinBitcoinProps) {
  return (
    <svg
      ref={ref}
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      strokeWidth={strokeWidth}
      className={className}
      {...props}
    >
      <path d="M8.40002 8.01917H13.7847C14.3203 8.01917 14.8339 8.23192 15.2126 8.6106C15.5913 8.98929 15.804 9.5029 15.804 10.0384C15.804 10.574 15.5913 11.0876 15.2126 11.4663C14.8339 11.845 14.3203 12.0577 13.7847 12.0577M13.7847 12.0577C14.3203 12.0577 14.8339 12.2705 15.2126 12.6491C15.5913 13.0278 15.804 13.5414 15.804 14.077C15.804 14.6125 15.5913 15.1261 15.2126 15.5048C14.8339 15.8835 14.3203 16.0963 13.7847 16.0963H8.40002M13.7847 12.0577H9.7462M9.7462 8.01917V16.0963M10.4193 5.9999V8.01917M13.1117 5.9999V8.01917M10.4193 16.0963V18.1155M13.1117 16.0963V18.1155M21.6 11.9999C21.6 17.3018 17.302 21.5999 12 21.5999C6.69809 21.5999 2.40002 17.3018 2.40002 11.9999C2.40002 6.69797 6.69809 2.3999 12 2.3999C17.302 2.3999 21.6 6.69797 21.6 11.9999Z" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
    </svg>
  );
}
CurrencyCoinBitcoin.displayName = "CurrencyCoinBitcoin";

export default CurrencyCoinBitcoin;