Vela UI Docsvenizia.ai

currency-coin-dollar

CurrencyCoinDollar, 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-dollar.

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

Installation

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

Usage

// components/icons/currency-coin-dollar.tsx
import CurrencyCoinDollar from "@/components/icons/currency-coin-dollar"

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

/** Custom vela-ui icon, synced from Figma (node under section "Icons"). */
export function CurrencyCoinDollar({ size = 24, strokeWidth = 0, className, ref, ...props }: CurrencyCoinDollarProps) {
  return (
    <svg
      ref={ref}
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      strokeWidth={strokeWidth}
      className={className}
      {...props}
    >
      <path d="M14.3475 9.81896C14.4378 10.0799 14.7226 10.2183 14.9835 10.128C15.2445 10.0377 15.3828 9.75291 15.2925 9.49195L14.82 9.65546L14.3475 9.81896ZM13.2 8.43323L13.222 7.93372C13.2147 7.93339 13.2073 7.93323 13.2 7.93323V8.43323ZM10.8 12.0999V12.5999V12.0999ZM13.2 15.7666V16.2666V15.7666ZM10.8 15.7666L10.7781 16.2661C10.7854 16.2664 10.7927 16.2666 10.8 16.2666V15.7666ZM9.65253 14.3808C9.56223 14.1199 9.27748 13.9815 9.01652 14.0718C8.75556 14.1621 8.61721 14.4469 8.70751 14.7078L9.18002 14.5443L9.65253 14.3808ZM12.5 6.5999C12.5 6.32376 12.2762 6.0999 12 6.0999C11.7239 6.0999 11.5 6.32376 11.5 6.5999H12H12.5ZM11.5 8.43323C11.5 8.70938 11.7239 8.93323 12 8.93323C12.2762 8.93323 12.5 8.70938 12.5 8.43323H12H11.5ZM12.5 15.7666C12.5 15.4904 12.2762 15.2666 12 15.2666C11.7239 15.2666 11.5 15.4904 11.5 15.7666H12H12.5ZM11.5 17.5999C11.5 17.876 11.7239 18.0999 12 18.0999C12.2762 18.0999 12.5 17.876 12.5 17.5999H12H11.5ZM14.82 9.65546L15.2925 9.49195C15.141 9.05398 14.8637 8.67076 14.4949 8.39253L14.1938 8.79167L13.8926 9.19082C14.1013 9.34822 14.2602 9.56666 14.3475 9.81896L14.82 9.65546ZM14.1938 8.79167L14.4949 8.39253C14.126 8.11421 13.6827 7.95398 13.222 7.93372L13.2 8.43323L13.1781 8.93275C13.4352 8.94406 13.6841 9.0335 13.8926 9.19082L14.1938 8.79167ZM13.2 8.43323V7.93323H10.8V8.43323V8.93323H13.2V8.43323ZM10.8 8.43323V7.93323C10.187 7.93323 9.60105 8.18134 9.17045 8.61991L9.52723 8.9702L9.88401 9.3205C10.1285 9.07144 10.4582 8.93323 10.8 8.93323V8.43323ZM9.52723 8.9702L9.17045 8.61991C8.74016 9.05817 8.50002 9.65066 8.50002 10.2666H9.00002H9.50002C9.50002 9.91001 9.63917 9.56987 9.88401 9.3205L9.52723 8.9702ZM9.00002 10.2666H8.50002C8.50002 10.8825 8.74016 11.475 9.17045 11.9132L9.52723 11.5629L9.88401 11.2126C9.63917 10.9633 9.50002 10.6231 9.50002 10.2666H9.00002ZM9.52723 11.5629L9.17045 11.9132C9.60105 12.3518 10.187 12.5999 10.8 12.5999V12.0999V11.5999C10.4582 11.5999 10.1285 11.4617 9.88401 11.2126L9.52723 11.5629ZM10.8 12.0999V12.5999H13.2V12.0999V11.5999H10.8V12.0999ZM13.2 12.0999V12.5999C13.5418 12.5999 13.8715 12.7381 14.116 12.9872L14.4728 12.6369L14.8296 12.2866C14.399 11.848 13.813 11.5999 13.2 11.5999V12.0999ZM14.4728 12.6369L14.116 12.9872C14.3609 13.2365 14.5 13.5767 14.5 13.9332H15H15.5C15.5 13.3173 15.2599 12.7248 14.8296 12.2866L14.4728 12.6369ZM15 13.9332H14.5C14.5 14.2898 14.3609 14.6299 14.116 14.8793L14.4728 15.2296L14.8296 15.5799C15.2599 15.1416 15.5 14.5491 15.5 13.9332H15ZM14.4728 15.2296L14.116 14.8793C13.8715 15.1284 13.5418 15.2666 13.2 15.2666V15.7666V16.2666C13.813 16.2666 14.399 16.0185 14.8296 15.5799L14.4728 15.2296ZM13.2 15.7666V15.2666H10.8V15.7666V16.2666H13.2V15.7666ZM10.8 15.7666L10.822 15.267C10.5648 15.2557 10.3159 15.1663 10.1074 15.009L9.80626 15.4081L9.50512 15.8073C9.87402 16.0856 10.3173 16.2458 10.7781 16.2661L10.8 15.7666ZM9.80626 15.4081L10.1074 15.009C9.89877 14.8516 9.73984 14.6331 9.65253 14.3808L9.18002 14.5443L8.70751 14.7078C8.85907 15.1458 9.13634 15.529 9.50512 15.8073L9.80626 15.4081ZM12 6.5999H11.5V8.43323H12H12.5V6.5999H12ZM12 15.7666H11.5V17.5999H12H12.5V15.7666H12ZM21.6 11.9999H21.1C21.1 17.0257 17.0258 21.0999 12 21.0999V21.5999V22.0999C17.5781 22.0999 22.1 17.578 22.1 11.9999H21.6ZM12 21.5999V21.0999C6.97423 21.0999 2.90002 17.0257 2.90002 11.9999H2.40002H1.90002C1.90002 17.578 6.42195 22.0999 12 22.0999V21.5999ZM2.40002 11.9999H2.90002C2.90002 6.97411 6.97423 2.8999 12 2.8999V2.3999V1.8999C6.42195 1.8999 1.90002 6.42183 1.90002 11.9999H2.40002ZM12 2.3999V2.8999C17.0258 2.8999 21.1 6.97411 21.1 11.9999H21.6H22.1C22.1 6.42183 17.5781 1.8999 12 1.8999V2.3999Z" fill="currentColor"/>
    </svg>
  );
}
CurrencyCoinDollar.displayName = "CurrencyCoinDollar";

export default CurrencyCoinDollar;