bigblocks
Version:
Complete Bitcoin UI component library - authentication, social, wallet, market, inscriptions, and blockchain interactions for React
15 lines • 1.28 kB
JSON
{
"name": "ui-components-handcashicon",
"type": "registry:component",
"dependencies": [],
"devDependencies": [],
"registryDependencies": [],
"files": [
{
"path": "components/ui-components/HandCashIcon.tsx",
"type": "registry:component",
"content": "export interface HandCashIconProps {\n\tsize?: number;\n\tcolor?: string;\n\tclassName?: string;\n}\n\nexport function HandCashIcon({\n\tsize = 20,\n\tcolor = \"currentColor\",\n\tclassName,\n}: HandCashIconProps) {\n\treturn (\n\t\t<svg\n\t\t\twidth={size}\n\t\t\theight={size}\n\t\t\tviewBox=\"0 0 24 24\"\n\t\t\tfill={color}\n\t\t\tclassName={className}\n\t\t>\n\t\t\t<title>HandCash</title>\n\t\t\t{/* Outer circle */}\n\t\t\t<circle cx=\"12\" cy=\"12\" r=\"10\" fill={color} />\n\t\t\t{/* Inner H-shaped cutout (creating the HandCash logo shape) */}\n\t\t\t<g fill=\"white\">\n\t\t\t\t{/* Left vertical bar */}\n\t\t\t\t<rect x=\"7\" y=\"7\" width=\"2.5\" height=\"10\" />\n\t\t\t\t{/* Right vertical bar */}\n\t\t\t\t<rect x=\"14.5\" y=\"7\" width=\"2.5\" height=\"10\" />\n\t\t\t\t{/* Horizontal connecting bar */}\n\t\t\t\t<rect x=\"9.5\" y=\"11\" width=\"5\" height=\"2\" />\n\t\t\t</g>\n\t\t</svg>\n\t);\n}\n",
"target": "<%- config.aliases.components %>/handcashicon.tsx"
}
]
}