Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 | 137x | interface IconProps {
height?: number;
width?: number;
color?: string;
}
const Icon = ({ color = "#A9AFBD", height = 24, width = 24 }: IconProps) => {
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={width}
height={height}
viewBox="0 0 20 20"
fill="none"
>
<g filter="url(#filter0_i_217_127754)">
<circle
cx="9.99996"
cy="9.99935"
r="5.83333"
stroke={color}
strokeWidth="1.2"
/>
<circle
cx="10"
cy="10.0007"
r="1.66667"
fill="#A9AFBD"
stroke={color}
strokeWidth="1.2"
/>
<path
d="M5.87521 5.87561L3.33337 3.33398M14.1248 5.87561L16.6667 3.33398M16.6667 16.6673L14.1248 14.1252M3.33337 16.6673L5.87521 14.1252"
stroke={color}
strokeWidth="1.2"
strokeLinecap="round"
/>
</g>
<defs>
<filter
id="filter0_i_217_127754"
x="0"
y="0"
width="20"
height="21"
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity="0" result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dy="1" />
<feGaussianBlur stdDeviation="0.5" />
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
<feColorMatrix
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_217_127754"
/>
</filter>
</defs>
</svg>
);
};
export default Icon;
|