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 | 137x | import React from "react";
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}
fill={"white"}
viewBox="0 0 24 24"
>
<g fill={color} filter="url(#filter0_i_772_1310)">
<path
fillRule="evenodd"
d="M12.083 3A3.887 3.887 0 008.19 6.88a3.887 3.887 0 003.893 3.882 3.887 3.887 0 003.893-3.881A3.887 3.887 0 0012.083 3zM9.39 6.88a2.687 2.687 0 012.693-2.68 2.687 2.687 0 012.693 2.68 2.687 2.687 0 01-2.693 2.682A2.687 2.687 0 019.39 6.88z"
clipRule="evenodd"
></path>
<path d="M12 12.787a.6.6 0 000 1.2h1.476c2.4 0 4.34 1.937 4.34 4.321 0 .573-.466 1.04-1.047 1.04H7.397c-.58 0-1.047-.467-1.047-1.04a4.32 4.32 0 012.462-3.897.6.6 0 00-.518-1.082 5.52 5.52 0 00-3.144 4.98c0 1.239 1.008 2.24 2.247 2.24h9.372c1.239 0 2.247-1.001 2.247-2.24 0-3.052-2.482-5.522-5.54-5.522h-1.475z"></path>
</g>
<defs>
<filter
id="filter0_i_772_1310"
width="24"
height="25"
x="0"
y="0"
colorInterpolationFilters="sRGB"
filterUnits="userSpaceOnUse"
>
<feFlood floodOpacity="0" result="BackgroundImageFix"></feFlood>
<feBlend
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
></feBlend>
<feColorMatrix
in="SourceAlpha"
result="hardAlpha"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
></feColorMatrix>
<feOffset dy="1"></feOffset>
<feGaussianBlur stdDeviation="0.5"></feGaussianBlur>
<feComposite
in2="hardAlpha"
k2="-1"
k3="1"
operator="arithmetic"
></feComposite>
<feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"></feColorMatrix>
<feBlend in2="shape" result="effect1_innerShadow_772_1310"></feBlend>
</filter>
</defs>
</svg>
);
};
export default Icon;
|