Files
frontend-template/src/components/shared/IconLesbian/index.tsx
2025-11-11 15:19:09 +00:00

39 lines
1.1 KiB
TypeScript
Executable File

interface IconProps extends React.SVGProps<SVGSVGElement> {
size?: number;
color?: string;
heart?: boolean;
}
export const IconLesbian: React.FC<IconProps> = ({
size = 24,
heart = false,
color = 'currentColor',
...props
}) => {
return (
<svg
{...props}
fill={color}
width={size}
height={size}
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
{heart && (
<defs>
<clipPath id="heartClip">
<path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z" />
</clipPath>
</defs>
)}
<g clipPath="url(#heartClip)">
<rect fill="#D52D00" width="24" height="4.8" y="0" />
<rect fill="#FF9A56" width="24" height="4.8" y="4.8" />
<rect fill="#FFF" width="24" height="4.8" y="9.6" />
<rect fill="#D362A4" width="24" height="4.8" y="14.4" />
<rect fill="#A30262" width="24" height="4.8" y="19.2" />
</g>
</svg>
);
};