How can I change the logo shown when loading? about v4

[himanshu211raj]

You all do the same by replacing the path of logo with the below provided commands in both loader.js & logo.js file.

<text text-anchor="start" font-family="Calibre,system,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Segoe UI,Arial,sans-serif" font-size="60" y="62" x="21" strokewidth="4" stroke="#64FFDA" fill="#64FFDA">(capital letter alphabet you want display as a logo)</text>

The above command is to be placed below <g transform line..

The loader is an SVG here. The icon in the nav is also an SVG here. I originally created these logos in Sketch and exported them as SVGs, but you can do something similar in any design tool.

[bchiang7]

The loader is an SVG here. The icon in the nav is also an SVG here. I originally created these logos in Sketch and exported them as SVGs, but you can do something similar in any design tool.

[Abdalla1990]

I generated a new path with the letter A using the same font
and i replaced the path in the SVG with the generated one.

[nxvvvv]

Thankssssss!!! I have not been able to make a proper svg till now. Thankss

[nxvvvv]

I want to put an N instead of B. How can I do it?

[GitHubEmploy]

You will have to set the logos manually.

[nxvvvv]

Bro I changed all .png and .ico files to mine

[nxvvvv]

But it's not changed when the website is starting

[GitHubEmploy]

Yeah, I am having the same problem, Idk how to fix this. Even though I changed the images and the paths, it still displays the old images. For me, it just took 10 minutes, and then it started working.

[nxvvvv]

ohh! I will try and tell you. Thankss!!

[nxvvvv]

No. It's still showing "B". Please respond @bchiang7 How can I change the logo which appears in the beginning, and also the logo in the left top after loading?

[nxvvvv]

Ohh! Thanks!!

[nxvvvv]

Also which font did you use for the B @bchiang7

[bchiang7]

the same one in this repo

[nxvvvv]

Oh okkk

[nxvvvv]

But the prob is how can i make a logo in Windows 10. Sketch is Mac only!

[GitHubEmploy]

Yea, even though I have a mac, I am still confused about how to do this. Some advice would be helpful.

[bchiang7]

Like I said in my previous comment, I originally used Sketch, but you can export graphics as SVGs in any other design tool (Figma, photoshop, etc.)

[nxvvvv]

Okayyy!! Thanks

[himanshu211raj]

I generated a new path with the letter A using the same font
and i replaced the path in the SVG with the generated one.

are u able to generate svg icons in png form by the method provided by me?

[nxvvvv]

I generated a new path with the letter A using the same font
and i replaced the path in the SVG with the generated one.

are u able to generate svg icons in png form by the method provided by me?

Yesssss!! It's working perfectly!!

[nxvvvv]

Thanks @himanshu211raj for the help!!! Thank you all @Abdalla1990 @GitHubEmploy @himanshu211raj for trying to help me!!

[GitHubEmploy]

The new version of your fork is broken for certain letters.

[GitHubEmploy]

You all do the same by replacing the path of logo with the below provided commands in both loader.js & logo.js file.

<text text-anchor="start" font-family="Calibre,system,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Segoe UI,Arial,sans-serif" font-size="60" y="62" x="21" strokewidth="4" stroke="#64FFDA" fill="#64FFDA">(capital letter alphabet you want display as a logo)</text>

The above command is to be placed below <g transform line..

The loader is an SVG here. The icon in the nav is also an SVG here. I originally created these logos in Sketch and exported them as SVGs, but you can do something similar in any design tool.

Also, the correct font name is Vayu Sans Extra Bold

[nxvvvv]

oh. Okie!!

[chandrikadeb7]

@navaneethkm004 You can check this: https://youtu.be/-fIQy99I9wc