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 | 519x | type FacebookIconProps = {
width?: number | string;
height?: number | string;
};
const FacebookIcon = ({ height, width }: FacebookIconProps) => {
return (
<svg
width={width || "58"}
height={height || "58"}
viewBox="0 0 58 58"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<circle
cx="28.8428"
cy="29"
r="25"
fill="url(#paint0_linear_1556_45209)"
/>
<path
d="M38.1529 36.6457L39.2634 29.5895H32.3163V25.0126C32.3163 23.0817 33.285 21.1984 36.3966 21.1984H39.557V15.1911C39.557 15.1911 36.69 14.7144 33.9503 14.7144C28.2263 14.7144 24.4885 18.0946 24.4885 24.2116V29.5895H18.1284V36.6457H24.4885V53.7045C25.7654 53.9 27.0717 54.0001 28.4024 54.0001C29.7331 54.0001 31.0394 53.9 32.3163 53.7045V36.6457H38.1529Z"
fill="white"
/>
<defs>
<linearGradient
id="paint0_linear_1556_45209"
x1="28.8428"
y1="4"
x2="28.8428"
y2="53.8517"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#18ACFE" />
<stop offset="1" stopColor="#0163E0" />
</linearGradient>
</defs>
</svg>
);
};
export default FacebookIcon;
|