does anyone know how to change the pancakeswap logo in their frontend website?

yes, should be pretty straighforward, find the layout that shows the logo, replace it

The problem is its all react components. I have been trying to search the whole files. couldn't find the svg for the logo

might be easiest to inspect it on chrome dev tools, you can then probably get clues to css classes it uses, etc, to help find it in the react components

Already tried that. i searched for the classnames and the svg content. but couldn't find any in the projects

is it on github? I can take a look if you want

I think it might be on the public folder.

https://github.com/pancakeswap/pancake-frontend