Home > OS >  React Icon showing up even after removing it
React Icon showing up even after removing it

Time:11-21

I have removed the default React icon from the index.html file in create-react-app, but, it is still showing up.

Here is the code of index.html file

<!DOCTYPE html>
<html lang="en" >
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="theme-color" content="#000000" />
    <meta
      name="description"
      content="Web site created using create-react-app"
    />
    <title>ResumeBuilder</title>
  </head>
  <body >
    <noscript>You need to enable JavaScript to run this app.</noscript>
    <div id="root"></div>
    <!--
      This HTML file is a template.
      If you open it directly in the browser, you will see an empty page.

      You can add webfonts, meta tags, or analytics to this file.
      The build step will place the bundled scripts into the <body> tag.

      To begin the development, run `npm start` or `yarn start`.
      To create a production bundle, use `npm run build` or `yarn build`.
    -->
  </body>
</html>

Icon showing in tab title

Folder structure of public of create-react-app:

folder structure

How can I remove it?

CodePudding user response:

A simple shortcut could help: Ctrl F5 will do a force cache purge for your page.

CodePudding user response:

You should replace reactjs Icon with your website logo Icon

you can easily generate online a favicon there are many websites available like this - https://www.favicon-generator.org/

Open the above site select your site logo and generate a favicon then download the zip file and extract the zip file and copy the logo icon from the generated folder and replace it with react js default icon.

  • Related