Vela UI Docs
venizia.ai

currency-pound

CurrencyPound, 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-pound.

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

Installation

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

Usage

// components/icons/currency-pound.tsx
import CurrencyPound from "@/components/icons/currency-pound"

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

/** Custom vela-ui icon, synced from Figma (node under section "Icons"). */
export function CurrencyPound({ size = 24, strokeWidth = 1, className, ref, ...props }: CurrencyPoundProps) {
  return (
    <svg
      ref={ref}
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      strokeWidth={strokeWidth}
      className={className}
      {...props}
    >
      <path d="M17.05 18.4652C16.2655 18.8247 15.4128 19.0108 14.55 19.0108C13.6871 19.0108 12.8344 18.8247 12.05 18.4652C11.2299 18.1821 10.3583 18.0802 9.49509 18.1665C8.63189 18.2528 7.79768 18.5253 7.04995 18.9652C7.58538 18.7798 8.05737 18.4467 8.41132 18.0042C8.76526 17.5618 8.98668 17.0282 9.04995 16.4652V8.96515C9.05523 8.08908 9.34798 7.23897 9.88324 6.54541C10.4185 5.85185 11.1666 5.35319 12.0128 5.12605C12.8589 4.8989 13.7562 4.95582 14.5668 5.28807C15.3775 5.62032 16.0566 6.20951 16.5 6.96515M13.95 12.9652H6.94995" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
    </svg>
  );
}
CurrencyPound.displayName = "CurrencyPound";

export default CurrencyPound;