How can I change the Nav-bar Logo to my own Initials?

[arpan-mandal]

Just wanted to know how this can be changed. I wanted to put 'A' Instead of B, because that's my original name initial.

[highmountain12321]

Hello, I have researched the code and in the loader.js changed the letter to M

<text x="33.7" y="70" fill="currentColor" fontSize="55px" fontFamily="Consolas, serif">
  M
</text>

also in the logo.js do the same thing;

M

[arpan-mandal]

Hello, I have researched the code and in the loader.js changed the letter to M

<text x="33.7" y="70" fill="currentColor" fontSize="55px" fontFamily="Consolas, serif">
  M
</text>

also in the logo.js do the same thing;

Thank you for your answer, I couldn't find it at first but succesfully did after some time. We just need to change the SVG path to our own specified SVG logo path and play around with the values of translate to center the SVG logo into the hexagon in logo.js

[highmountain12321]

Great, thank you

[hossainchisty]

Hello, I have researched the code and in the loader.js changed the letter to M

<text x="33.7" y="70" fill="currentColor" fontSize="55px" fontFamily="Consolas, serif">
  M
</text>

also in the logo.js do the same thing;

Thank you for your answer, I couldn't find it at first but succesfully did after some time. We just need to change the SVG path to our own specified SVG logo path and play around with the values of translate to center the SVG logo into the hexagon in logo.js

How did you do that? would you help me to do this I went to change it to C

Edited: I resolved this issue.😁 But didn't find any solution to change favicon can you help me to figure it out?

Thank you

[highmountain12321]

Inside the logo.js. Just Remove the path, and add the path I told you. Here is the full code of the logo.js I used

import React from 'react';

const IconLogo = () => (
  <svg id="logo" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 84 96">
    <title>Logo</title>
    <g transform="translate(-8.000000, -2.000000)">
      <g transform="translate(11.000000, 5.000000)">
        <polygon
          id="Shape"
          stroke="currentColor"
          strokeWidth="5"
          strokeLinecap="round"
          strokeLinejoin="round"
          points="39 0 0 22 0 67 39 90 78 68 78 23"
        />
      </g>
    </g>
    <text x="28" y="65" fill="currentColor" fontSize="50px" fontFamily="Consolas, serif">
      M
    </text>
  </svg>
);

export default IconLogo;

[hossainchisty]

How do I change favicon?

[highmountain12321]

You can change the image named favicon.ico to your own icon😏

[arpan-mandal]

You can change the image named favicon.ico to your own icon😏

Actually no. The icon directory can be changed from config.js file. Mine one worked without changing image. I just changed the location of .ico file to my own one in > config.js

[highmountain12321]

It's okay too

[hossainchisty]

Thank you for your response

@arpan-mandal @highmountain12321