Vela UI Docs
venizia.ai

currency-euro

CurrencyEuro, 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-euro.

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

Installation

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

Usage

// components/icons/currency-euro.tsx
import CurrencyEuro from "@/components/icons/currency-euro"

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

/** Custom vela-ui icon, synced from Figma (node under section "Icons"). */
export function CurrencyEuro({ size = 24, strokeWidth = 1, className, ref, ...props }: CurrencyEuroProps) {
  return (
    <svg
      ref={ref}
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      strokeWidth={strokeWidth}
      className={className}
      {...props}
    >
      <path d="M18.1 7C17.2561 6.03533 16.1869 5.38281 15.0264 5.12426C13.8659 4.8657 12.6658 5.01262 11.5765 5.5466C10.4873 6.08058 9.55748 6.97784 8.90359 8.12587C8.24971 9.27391 7.9009 10.6216 7.9009 12C7.9009 13.3784 8.24971 14.7261 8.90359 15.8741C9.55748 17.0222 10.4873 17.9194 11.5765 18.4534C12.6658 18.9874 13.8659 19.1343 15.0264 18.8758C16.1869 18.6172 17.2561 17.9647 18.1 17M13.9 10H5.90002M5.90002 14H13.9" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
    </svg>
  );
}
CurrencyEuro.displayName = "CurrencyEuro";

export default CurrencyEuro;