Vela UI Docs
venizia.ai

currency-coin-euro

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

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

Installation

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

Usage

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

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

/** Custom vela-ui icon, synced from Figma (node under section "Icons"). */
export function CurrencyCoinEuro({ size = 24, strokeWidth = 1, className, ref, ...props }: CurrencyCoinEuroProps) {
  return (
    <svg
      ref={ref}
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      strokeWidth={strokeWidth}
      className={className}
      {...props}
    >
      <path d="M15 8.62321C14.419 7.95901 13.6828 7.50973 12.8837 7.33171C12.0847 7.15369 11.2584 7.25485 10.5084 7.6225C9.75849 7.99016 9.11827 8.60795 8.66805 9.3984C8.21784 10.1888 7.97767 11.1168 7.97767 12.0658C7.97767 13.0149 8.21784 13.9428 8.66805 14.7333C9.11827 15.5237 9.75849 16.1415 10.5084 16.5092C11.2584 16.8768 12.0847 16.978 12.8837 16.8C13.6828 16.6219 14.419 16.1727 15 15.5085M12.1082 10.6888H6.60002M6.60002 13.4429H12.1082M21.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>
  );
}
CurrencyCoinEuro.displayName = "CurrencyCoinEuro";

export default CurrencyCoinEuro;