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

57 lines
1.7 KiB
TypeScript

import { cn } from '@/lib/cn'
interface HomeHashtagTwoToneIconProps {
className?: string
/** رنگ لایه اصلی — مثلاً `text-gray-800` */
primaryClassName?: string
/** رنگ لایه ثانویه — مثلاً `text-primary`؛ پیش‌فرض opacity-40 مثل Iconsax */
secondaryClassName?: string
}
export default function HomeHashtagTwoToneIcon({
className = 'size-6',
primaryClassName,
secondaryClassName,
}: HomeHashtagTwoToneIconProps) {
return (
<svg
className={className}
fill="none"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<path
className={primaryClassName}
d="M9.02 2.83821L3.63 7.03821C2.73 7.73821 2 9.22821 2 10.3582V17.7682C2 20.0882 3.89 21.9882 6.21 21.9882H17.79C20.11 21.9882 22 20.0882 22 17.7782V10.4982C22 9.28821 21.19 7.73821 20.2 7.04821L14.02 2.71821C12.62 1.73821 10.37 1.78821 9.02 2.83821Z"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="1.5"
/>
<g className={cn('opacity-40', secondaryClassName)}>
<path
d="M10.5 18H13.5C15.15 18 16.5 16.65 16.5 15V12C16.5 10.35 15.15 9 13.5 9H10.5C8.85 9 7.5 10.35 7.5 12V15C7.5 16.65 8.85 18 10.5 18Z"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="1.5"
/>
<path
d="M12 9V18"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="1.5"
/>
<path
d="M7.5 13.5H16.5"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="1.5"
/>
</g>
</svg>
)
}