coin-hand
CoinHand, 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-coin-hand.
- 16px
- 20px
- 24px
- 32px
Installation
pnpm dlx velaui add @velaui/icon-coin-handnpx shadcn@latest add @velaui/icon-coin-handyarn dlx shadcn@latest add @velaui/icon-coin-handbunx --bun shadcn@latest add @velaui/icon-coin-handUsage
// components/icons/coin-hand.tsx
import CoinHand from "@/components/icons/coin-hand"
<CoinHand 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
ScheduledIn an empty state
No events on this day yet.
Browse blocks
Source
import * as React from "react";
export interface CoinHandProps extends React.SVGProps<SVGSVGElement> {
size?: number | string;
}
/** Custom vela-ui icon, synced from Figma (node under section "Icons"). */
export function CoinHand({ size = 24, strokeWidth = 0, className, ref, ...props }: CoinHandProps) {
return (
<svg
ref={ref}
width={size}
height={size}
viewBox="0 0 24 24"
fill="none"
strokeWidth={strokeWidth}
className={className}
{...props}
>
<path d="M7.88626 19.9868C7.62407 20.0734 7.48176 20.3562 7.56841 20.6184C7.65506 20.8806 7.93786 21.0229 8.20005 20.9363L8.04316 20.4615L7.88626 19.9868ZM13.8622 20.8462L13.8172 20.3482V20.3482L13.8622 20.8462ZM17.3536 20.0769L17.5714 20.527V20.527L17.3536 20.0769ZM20.6897 17.0681L20.3025 16.7517V16.7517L20.6897 17.0681ZM18.408 15.1854L18.76 15.5405V15.5405L18.408 15.1854ZM16.8715 16.7087L17.2236 17.0638V17.0638L16.8715 16.7087ZM12.6984 16.8846C12.4222 16.8846 12.1984 17.1085 12.1984 17.3846C12.1984 17.6608 12.4222 17.8846 12.6984 17.8846V17.3846V16.8846ZM20.335 14.9962L20.0593 15.4133V15.4133L20.335 14.9962ZM9.22402 14.4915L9.44609 14.9395H9.44609L9.22402 14.4915ZM13.4001 14.1128L13.5306 13.6301V13.6301L13.4001 14.1128ZM15.0309 14.5538L14.9004 15.0364V15.0364L15.0309 14.5538ZM15.5476 16.4829L15.1956 16.1278V16.1278L15.5476 16.4829ZM14.286 17.0295C14.0899 17.224 14.0886 17.5405 14.283 17.7366C14.4774 17.9327 14.794 17.9341 14.9901 17.7397L14.6381 17.3846L14.286 17.0295ZM8.04316 20.4615L8.20005 20.9363C8.39431 20.8721 8.70089 20.852 9.13533 20.8828C9.5596 20.9128 10.0483 20.9858 10.5848 21.0694C11.6286 21.2319 12.8622 21.4385 13.9072 21.3441L13.8622 20.8462L13.8172 20.3482C12.9225 20.429 11.8285 20.251 10.7387 20.0813C10.2083 19.9987 9.67869 19.9187 9.20586 19.8853C8.7432 19.8525 8.27391 19.8587 7.88626 19.9868L8.04316 20.4615ZM13.8622 20.8462L13.9072 21.3441C15.4273 21.2068 16.0865 21.2454 17.5714 20.527L17.3536 20.0769L17.1358 19.6268C15.8437 20.252 15.3743 20.2075 13.8172 20.3482L13.8622 20.8462ZM17.3536 20.0769L17.5714 20.527C18.8906 19.8887 20.2387 18.4105 21.0769 17.3844L20.6897 17.0681L20.3025 16.7517C19.4594 17.7838 18.2339 19.0956 17.1358 19.6268L17.3536 20.0769ZM18.408 15.1854L18.056 14.8303L16.5195 16.3536L16.8715 16.7087L17.2236 17.0638L18.76 15.5405L18.408 15.1854ZM15.2257 17.3846V16.8846H12.6984V17.3846V17.8846H15.2257V17.3846ZM16.8715 16.7087L16.5195 16.3536C16.1771 16.6931 15.7118 16.8846 15.2257 16.8846V17.3846V17.8846C15.9742 17.8846 16.693 17.5898 17.2236 17.0638L16.8715 16.7087ZM20.335 14.9962L20.6107 14.5791C19.8079 14.0485 18.7393 14.1529 18.056 14.8303L18.408 15.1854L18.76 15.5405C19.1062 15.1972 19.6506 15.1432 20.0593 15.4133L20.335 14.9962ZM20.6897 17.0681L21.0769 17.3844C21.8151 16.4807 21.5443 15.1962 20.6107 14.5791L20.335 14.9962L20.0593 15.4133C20.541 15.7317 20.6349 16.3448 20.3025 16.7517L20.6897 17.0681ZM3.77587 13.5385V14.0385H6.87935V13.5385V13.0385H3.77587V13.5385ZM7.65522 14.3077H7.15522V21.2308H7.65522H8.15522V14.3077H7.65522ZM6.87935 22V21.5H3.77587V22V22.5H6.87935V22ZM3 21.2308H3.5V14.3077H3H2.5V21.2308H3ZM3.77587 22V21.5C3.61945 21.5 3.5 21.3754 3.5 21.2308H3H2.5C2.5 21.9358 3.07529 22.5 3.77587 22.5V22ZM7.65522 21.2308H7.15522C7.15522 21.3754 7.03577 21.5 6.87935 21.5V22V22.5C7.57993 22.5 8.15522 21.9358 8.15522 21.2308H7.65522ZM6.87935 13.5385V14.0385C7.03577 14.0385 7.15522 14.163 7.15522 14.3077H7.65522H8.15522C8.15522 13.6027 7.57994 13.0385 6.87935 13.0385V13.5385ZM3.77587 13.5385V13.0385C3.07529 13.0385 2.5 13.6027 2.5 14.3077H3H3.5C3.5 14.163 3.61945 14.0385 3.77587 14.0385V13.5385ZM8.04316 15.0769L8.26523 15.5249L9.44609 14.9395L9.22402 14.4915L9.00195 14.0436L7.82109 14.6289L8.04316 15.0769ZM11.6529 13.9231V14.4231H11.9711V13.9231V13.4231H11.6529V13.9231ZM13.4001 14.1128L13.2696 14.5955L14.9004 15.0364L15.0309 14.5538L15.1614 14.0711L13.5306 13.6301L13.4001 14.1128ZM15.5476 16.4829L15.1956 16.1278L14.286 17.0295L14.6381 17.3846L14.9901 17.7397L15.8996 16.8379L15.5476 16.4829ZM15.0309 14.5538L14.9004 15.0364C15.3946 15.1701 15.5508 15.7756 15.1956 16.1278L15.5476 16.4829L15.8996 16.8379C16.8082 15.9371 16.3914 14.4037 15.1614 14.0711L15.0309 14.5538ZM11.9711 13.9231V14.4231C12.4097 14.4231 12.8464 14.4811 13.2696 14.5955L13.4001 14.1128L13.5306 13.6301C13.0223 13.4927 12.4978 13.4231 11.9711 13.4231V13.9231ZM9.22402 14.4915L9.44609 14.9395C10.1311 14.6 10.8866 14.4231 11.6529 14.4231V13.9231V13.4231C10.7328 13.4231 9.82523 13.6354 9.00195 14.0436L9.22402 14.4915ZM17.7415 8.15385H17.2415C17.2415 9.573 16.08 10.7308 14.6381 10.7308V11.2308V11.7308C16.6241 11.7308 18.2415 10.1334 18.2415 8.15385H17.7415ZM14.6381 11.2308V10.7308C13.1961 10.7308 12.0346 9.573 12.0346 8.15385H11.5346H11.0346C11.0346 10.1334 12.652 11.7308 14.6381 11.7308V11.2308ZM11.5346 8.15385H12.0346C12.0346 6.73469 13.1961 5.57692 14.6381 5.57692V5.07692V4.57692C12.652 4.57692 11.0346 6.17432 11.0346 8.15385H11.5346ZM14.6381 5.07692V5.57692C16.08 5.57692 17.2415 6.73469 17.2415 8.15385H17.7415H18.2415C18.2415 6.17432 16.6241 4.57692 14.6381 4.57692V5.07692ZM11.5346 8.15385V7.65385C10.0927 7.65385 8.93109 6.49608 8.93109 5.07692H8.43109H7.93109C7.93109 7.05645 9.54849 8.65385 11.5346 8.65385V8.15385ZM8.43109 5.07692H8.93109C8.93109 3.65777 10.0927 2.5 11.5346 2.5V2V1.5C9.54849 1.5 7.93109 3.0974 7.93109 5.07692H8.43109ZM11.5346 2V2.5C12.9765 2.5 14.1381 3.65777 14.1381 5.07692H14.6381H15.1381C15.1381 3.0974 13.5207 1.5 11.5346 1.5V2Z" fill="currentColor"/>
</svg>
);
}
CoinHand.displayName = "CoinHand";
export default CoinHand;