First Commit
This commit is contained in:
@@ -0,0 +1,63 @@
|
||||
'use client';
|
||||
import PropTypes from 'prop-types';
|
||||
|
||||
import { useId } from 'react';
|
||||
|
||||
// @mui
|
||||
import { useTheme } from '@mui/material/styles';
|
||||
|
||||
/*************************** ICON - CLOSE EYE ***************************/
|
||||
|
||||
export default function CloseEye({ size = 24, color, stroke = 1.5 }) {
|
||||
const theme = useTheme();
|
||||
const uniqueId = useId(); // Generate a unique ID
|
||||
|
||||
return (
|
||||
<svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clipPath={`url(#${uniqueId})`}>
|
||||
<path
|
||||
d="M3 20.9992L5.5 17.1992"
|
||||
stroke={color || theme.vars.palette.primary.main}
|
||||
strokeWidth={stroke}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M20.9998 20.9752L18.5078 17.1992"
|
||||
stroke={color || theme.vars.palette.primary.main}
|
||||
strokeWidth={stroke}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M9 23L9.5 19"
|
||||
stroke={color || theme.vars.palette.primary.main}
|
||||
strokeWidth={stroke}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M15 23L14.5 19"
|
||||
stroke={color || theme.vars.palette.primary.main}
|
||||
strokeWidth={stroke}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M21 13C18.6 17 15.6 19 12 19C8.4 19 5.4 17 3 13"
|
||||
stroke={color || theme.vars.palette.primary.main}
|
||||
strokeWidth={stroke}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id={uniqueId}>
|
||||
<rect width="24" height="24" fill="white" />
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
|
||||
CloseEye.propTypes = { size: PropTypes.number, color: PropTypes.any, stroke: PropTypes.any };
|
||||
Reference in New Issue
Block a user