admin/components/icons/UserTwoToneIcon.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

38 lines
1.2 KiB
TypeScript

import { cn } from '@/lib/cn'
interface UserTwoToneIconProps {
className?: string
/** رنگ لایه اصلی — مثلاً `text-gray-800` */
primaryClassName?: string
/** رنگ لایه ثانویه — مثلاً `text-primary`؛ پیش‌فرض opacity-40 مثل Iconsax */
secondaryClassName?: string
}
export default function UserTwoToneIcon({ className = 'size-6', primaryClassName, secondaryClassName }: UserTwoToneIconProps) {
return (
<svg
className={className}
fill="none"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<path
className={primaryClassName}
d="M12 12C14.7614 12 17 9.76142 17 7C17 4.23858 14.7614 2 12 2C9.23858 2 7 4.23858 7 7C7 9.76142 9.23858 12 12 12Z"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="1.5"
/>
<path
className={cn('opacity-40', secondaryClassName)}
d="M20.5901 22C20.5901 18.13 16.7402 15 12.0002 15C7.26015 15 3.41016 18.13 3.41016 22"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="1.5"
/>
</svg>
)
}