admin/components/icons/LoginTwoToneIcon.tsx
alisaza e1eaf5eff5 feat: initial ghabilee-admin backoffice app
Extract admin dashboard from ghabilee-frontend2 into a dedicated Next.js
app for backoffice.ghabilee.ir (no SEO indexing / Clarity).
2026-09-05 13:12:59 +03:30

46 lines
1.5 KiB
TypeScript

import { cn } from '@/lib/cn'
interface LoginTwoToneIconProps {
className?: string
/** رنگ لایه اصلی — مثلاً `text-gray-800` */
primaryClassName?: string
/** رنگ لایه ثانویه — مثلاً `text-primary`؛ پیش‌فرض opacity-40 مثل Iconsax */
secondaryClassName?: string
}
export default function LoginTwoToneIcon({ className = 'size-6', primaryClassName, secondaryClassName }: LoginTwoToneIconProps) {
return (
<svg
className={className}
fill="none"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<path
className={primaryClassName}
d="M8.89844 7.55828C9.20844 3.95828 11.0584 2.48828 15.1084 2.48828H15.2384C19.7084 2.48828 21.4984 4.27828 21.4984 8.74828V15.2683C21.4984 19.7383 19.7084 21.5283 15.2384 21.5283H15.1084C11.0884 21.5283 9.23844 20.0783 8.90844 16.5383"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="1.5"
/>
<g className={cn('opacity-40', secondaryClassName)}>
<path
d="M2 12H14.88"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="1.5"
/>
<path
d="M12.6484 8.64844L15.9984 11.9984L12.6484 15.3484"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="1.5"
/>
</g>
</svg>
)
}