add: filter switch controls

This commit is contained in:
Mahyar Khanbolooki
2025-07-11 22:11:41 +03:30
parent f6483706c0
commit 09bfd832d4
9 changed files with 128 additions and 15 deletions
+33
View File
@@ -0,0 +1,33 @@
import React from 'react';
interface MedalStarIconProps extends React.SVGProps<SVGSVGElement> {
width?: number;
height?: number;
strokeColor?: string;
}
const MedalStarIcon: React.FC<MedalStarIconProps> = ({
width = 7,
height = 7,
strokeColor = '#333333',
...props
}) => (
<svg
width={width}
height={height}
viewBox="0 0 7 7"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M3.78085 1.81634L4.17419 2.603C4.22752 2.70967 4.36752 2.81634 4.49419 2.83634L5.20752 2.95633C5.66085 3.02967 5.76752 3.363 5.44085 3.68967L4.88752 4.24299C4.79419 4.33633 4.74085 4.51634 4.77419 4.64967L4.93419 5.33634C5.06085 5.87634 4.77419 6.08966 4.29419 5.80299L3.62752 5.40966C3.50752 5.33633 3.30752 5.33633 3.18752 5.40966L2.52085 5.80299C2.04085 6.08299 1.75419 5.87634 1.88085 5.33634L2.04085 4.64967C2.06752 4.523 2.02085 4.33633 1.92752 4.24299L1.37419 3.68967C1.04752 3.363 1.15419 3.03633 1.60752 2.95633L2.32085 2.83634C2.44085 2.81634 2.58085 2.70967 2.63419 2.603L3.02752 1.81634C3.22085 1.38967 3.56752 1.38967 3.78085 1.81634Z"
stroke={strokeColor}
strokeWidth="1.1"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
export default MedalStarIcon;